@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#0f8a5f;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 20px 20px}.container{width:100%;max-width:600px}.card{background:0 0;border-radius:16px;padding:40px;box-shadow:none}h1{font-size:2.5rem;margin-bottom:10px}.subtitle,h1,h2,label{color:#fff}h2{font-size:1.5rem;margin-bottom:15px;margin-top:20px}.subtitle,h1{text-align:center}.subtitle{margin-bottom:30px}.form-group{margin-bottom:20px}label{display:block;font-weight:600;margin-bottom:8px}input[type=text]{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:border-color .2s}input[type=text]:focus{outline:0;border-color:#667eea}input[readonly]{background-color:#f7fafc;color:#4a5568;cursor:text}.btn{padding:12px 24px;border:0;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-block}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:#f5624d;border:3px solid #c41e3a;color:#fff;width:100%}.btn-secondary{background:#0f8a5f;border:3px solid #fff;color:#fff}.btn-secondary:hover{background:#0c6d4c}.btn-large{padding:16px 32px;font-size:18px;width:100%}.admin-badge{background:#f5624d;border:2px solid #c41e3a;color:#fff;padding:8px 16px;border-radius:20px;text-align:center;font-weight:600;margin-bottom:20px;display:inline-block}.url-section{background:#e8c99b;padding:20px;border-radius:8px;margin-bottom:20px}.label{color:#0f8a5f;font-weight:600;margin-bottom:10px}.url-display{display:flex;gap:10px}.url-display input{flex:1}.url-display button{flex-shrink:0}.members-section{margin:20px 0}.members-list{list-style:none;padding:0}.members-list li{margin-bottom:8px;color:#0f8a5f;display:flex;justify-content:space-between;align-items:center}.badge{background:#0f8a5f;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.members-list li,.state-info{background:#e8c99b;padding:12px 16px;border-radius:8px}.state-info{margin:20px 0}.state-info p,.step-content p{color:#0c4826;margin:0}.state-info strong{color:#0f8a5f;text-transform:capitalize}.welcome-message{text-align:center;font-size:1.2rem;color:#fff;margin-bottom:20px}.info-message{color:#0c4826;background:#e8c99b}.error-message,.info-message,.success-message{text-align:center;padding:16px;border-radius:8px;margin:20px 0}.success-message{color:#0f8a5f;background:#e8c99b;border:2px solid #0f8a5f}.error-message{color:#e53e3e;background:#fff5f5;border:2px solid #fc8181}.assignment-card{background:#f5624d;border:3px solid #c41e3a;color:#fff;padding:40px;border-radius:12px;text-align:center;margin:20px 0}.assignment-card h2{color:#fff;margin-bottom:20px}.assignment-name{font-size:2rem;font-weight:700;margin:20px 0}.assignment-card .info-message{background:rgba(255,255,255,.3);color:#fff;border:2px solid rgba(255,255,255,.5)}.assignment-instruction{font-size:1.2rem;opacity:.9;margin:10px 0}spoiler-span{font-size:2rem;font-weight:700;cursor:pointer;display:inline-block;min-width:200px;padding:10px 20px;border-radius:8px;transition:all .3s ease}spoiler-span:hover{transform:scale(1.05)}.page-logo{text-align:center;margin-bottom:20px;width:100%}.logo-image-header{max-width:100%;width:250px;height:auto}.logo{text-align:center;margin-top:-20px;margin-bottom:0}.logo-image{max-width:100%;width:300px;height:auto}.how-it-works{margin:-10px 0 0}.history-section h2,.how-it-works h2{text-align:center;color:#fff;font-size:1.8rem;margin-bottom:30px}.steps{display:flex;flex-direction:column;gap:20px}.step{display:flex;align-items:flex-start;gap:0;padding:20px 20px 20px 35px;background:#e8c99b;border-radius:12px;transition:transform .2s,box-shadow .2s;position:relative;border:3px solid #fff}.step:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.step-number{flex-shrink:0;width:50px;height:50px;background:#f5624d;border:3px solid #c41e3a;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3rem;position:absolute;left:-25px;top:50%;transform:translateY(-50%);box-shadow:0 4px 8px rgba(0,0,0,.15)}.step-content h3{margin:0 0 5px;color:#0f8a5f;font-size:1.2rem}.step-content p{font-size:.9rem}.btn-hero{font-size:1.4rem;padding:16px 40px;margin-top:30px;box-shadow:0 4px 14px rgba(45,122,62,.4)}.btn-hero:hover{box-shadow:0 6px 20px rgba(45,122,62,.5)}.btn-back{background:0 0;border:0;color:#fff;font-size:16px;cursor:pointer;padding:8px 0;margin-top:20px;display:block;text-align:center;transition:all .2s;opacity:.8}.btn-back:hover{opacity:1;text-decoration:underline}.history-section{margin-top:50px;padding-top:40px;border-top:2px solid rgba(255,255,255,.3)}.history-section h2{font-size:2rem;margin-bottom:20px}.history-content{color:#fff}.history-intro,.stats-section h2{text-align:center;color:#fff;margin-bottom:30px}.history-intro{font-size:1.1rem;opacity:.95}.history-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.history-card{background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.history-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);box-shadow:0 8px 20px rgba(0,0,0,.2)}.history-icon{font-size:3rem;margin-bottom:10px}.history-card h3{color:#fff;font-size:1.2rem;margin:10px 0}.history-card p{color:rgba(255,255,255,.9);font-size:.9rem;line-height:1.5}.history-brazil{background:#e8c99b;border:3px solid #fff;border-radius:12px;padding:30px;margin-top:30px;position:relative}.history-brazil h3,.history-brazil-icon,.history-names{font-size:3rem;text-align:center;margin-bottom:15px}.history-brazil h3,.history-names{color:#0f8a5f;font-size:1.5rem}.history-brazil p{color:#0c4826;line-height:1.8;margin-bottom:15px;text-align:justify}.history-names{font-size:1.1rem;font-weight:600;color:#f5624d;margin-top:20px;margin-bottom:0}.stats-section{margin-top:50px;padding-top:40px;border-top:2px solid rgba(255,255,255,.3)}.stats-section h2{font-size:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px}.stat-card{background:#f5624d;border:3px solid #c41e3a;border-radius:12px;padding:25px 20px;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.3)}.stat-icon{font-size:2.5rem;margin-bottom:10px}.stat-number{font-size:2.5rem;font-weight:700;color:#fff;margin:10px 0;min-height:60px;display:flex;align-items:center;justify-content:center}.stat-loading{font-size:2rem;color:rgba(255,255,255,.7);animation:pulse 1.5s ease-in-out infinite}.stat-label{font-size:.9rem;color:rgba(255,255,255,.9);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.footer{text-align:center;color:rgba(255,255,255,.7);font-size:.9rem;padding:30px 20px 20px;margin-top:40px;width:100%}@media (max-width:640px){body{padding-top:20px}.page-logo{margin-bottom:15px}.logo-image-header{width:200px}.card{padding:24px}h1{font-size:2rem}.logo-image{width:210px}.how-it-works h2{font-size:1.5rem;color:#fff}.step{padding:15px 15px 15px 30px}.step-number{width:45px;height:45px;font-size:1.1rem;border-width:3px;left:-22px}.step-content h3{font-size:1.2rem}.step-content p{font-size:.9rem}.btn-hero{font-size:1.4rem;padding:14px 32px}.url-display{flex-direction:column}.url-display button{width:100%}.assignment-name{font-size:1.5rem}.history-section{margin-top:40px;padding-top:30px}.history-section h2,.stats-section h2{font-size:1.6rem}.history-intro{font-size:1rem}.history-cards{grid-template-columns:1fr;gap:15px}.history-icon{font-size:2.5rem}.history-card h3{font-size:1.1rem}.history-card p{font-size:.85rem}.history-brazil{padding:20px}.history-brazil h3{font-size:1.3rem}.history-brazil p{font-size:.9rem;text-align:left}.history-names{font-size:1rem}.stats-section{margin-top:40px;padding-top:30px}.stats-grid{grid-template-columns:1fr;gap:15px}.stat-icon,.stat-number{font-size:2rem}.stat-number{min-height:50px}.stat-label{font-size:.8rem}}