code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}*{box-sizing:border-box;padding:0}*,body{word-wrap:break-word;margin:0;overflow-wrap:break-word}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#faf8f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{padding-top:80px}.app-container{word-wrap:break-word;max-width:600px;overflow-wrap:break-word;width:100%}div,h1,h2,h3,h4,h5,h6,input,label,p,span,textarea{word-wrap:break-word;max-width:100%;overflow-wrap:break-word}@media (max-width:768px){*{word-wrap:break-word;overflow-wrap:break-word}.app-container{padding:0 1rem}}.App-header,.App-link,.App-logo{display:none}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header h2{color:#333;font-size:1.5rem;font-weight:700;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:.5rem;transition:all .2s ease;width:40px}.close-btn:hover{background:#f8f9fa;color:#333}.modal-body{padding:2rem}.profile-section{margin-bottom:2rem}.profile-section h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:.75rem}.section-description{color:#666;font-size:.9rem;line-height:1.4;margin-bottom:1rem}.username-input{background-color:#fafbfc;border:2px solid #e1e5e9;border-radius:10px;font-family:inherit;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.username-input:focus{background-color:#fff;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a;outline:none}.input-hint{color:#666;font-size:.8rem;margin-bottom:0;margin-top:.5rem}.avatar-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-top:1rem}.avatar-option{align-items:center;background:#fff;border:2px solid #e1e5e9;border-radius:12px;cursor:pointer;display:flex;font-size:2rem;height:60px;justify-content:center;transition:all .3s ease;width:60px}.avatar-option:hover{border-color:#ff6b35;box-shadow:0 4px 12px #ff6b3533;transform:translateY(-2px)}.avatar-option.selected{background:linear-gradient(135deg,#ff6b35,#f7931e);border-color:#ff6b35;box-shadow:0 6px 20px #ff6b354d;color:#fff;transform:scale(1.05)}.avatar-emoji{font-size:2rem}.success-message{animation:fadeIn .3s ease;background-color:#d4edda;border:1px solid #c3e6cb;color:#155724;font-weight:500;padding:.75rem 1rem;text-align:center}.modal-footer{border-top:1px solid #e9ecef;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.cancel-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-btn{background:#f8f9fa;border:2px solid #e1e5e9;color:#666}.cancel-btn:hover{background:#e9ecef;color:#333}.save-btn{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#e55a2b,#e0851a);box-shadow:0 4px 12px #ff6b354d;transform:translateY(-2px)}.save-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.modal-content{margin:1rem;max-width:100%}.modal-body,.modal-footer,.modal-header{padding:1rem 1.5rem}.avatar-grid{gap:.75rem;grid-template-columns:repeat(4,1fr)}.avatar-option{height:50px;width:50px}.avatar-emoji{font-size:1.5rem}}@media (max-width:480px){.modal-overlay{padding:.5rem}.modal-body,.modal-footer,.modal-header{padding:1rem}.modal-header h2{font-size:1.3rem}.avatar-grid{gap:.5rem;grid-template-columns:repeat(4,1fr)}.avatar-option{height:45px;width:45px}.avatar-emoji{font-size:1.3rem}.modal-footer{flex-direction:column}.cancel-btn,.save-btn{width:100%}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #ff6b3533;left:0;padding:.75rem 0;position:fixed;right:0;top:0;z-index:1000}.header-content{justify-content:space-between;padding:0 2rem}.header-content,.header-left{align-items:center;display:flex}.header-title-link{text-decoration:none;transition:all .3s ease}.header-title-link:hover{transform:translateY(-1px)}.header-title{color:#ff6b35;cursor:pointer;font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 1px 2px #0000001a}.header-right{align-items:center;display:flex;gap:1rem}.about-btn,.logout-btn,.profile-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.about-btn{border:2px solid #667eea;color:#667eea}.about-btn:hover{background:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;text-decoration:none;transform:translateY(-2px)}.profile-btn{border:2px solid #ff6b35;color:#ff6b35}.profile-btn:hover{background:#ff6b35;box-shadow:0 4px 12px #ff6b354d;color:#fff;transform:translateY(-2px)}.logout-btn{border:2px solid #e8e4d8;color:#5a5a5a}.logout-btn:hover{background:#5a5a5a;border-color:#5a5a5a;box-shadow:0 4px 12px #5a5a5a4d;color:#fff;transform:translateY(-2px)}.about-icon,.logout-icon,.profile-icon{font-size:1.1rem}.about-text,.logout-text,.profile-text{font-size:.9rem}@media (max-width:768px){.header-content{padding:0 1rem}.header-title{font-size:1.5rem}.logout-btn,.profile-btn{font-size:.8rem;padding:.6rem .8rem}.logout-text,.profile-text{display:none}.logout-icon,.profile-icon{font-size:1.2rem}}@media (max-width:480px){.header{padding:.5rem 0}.header-content{padding:0 .75rem}.header-title{font-size:1.3rem}.header-right{gap:.5rem}.logout-btn,.profile-btn{padding:.5rem .6rem}}.landing-container{align-items:center;background:linear-gradient(135deg,#faf8f5,#f5f1eb 50%,#f0e8d8);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.landing-content{max-width:900px;text-align:center;width:100%}.hero-section{margin-bottom:3rem}.logo-container{margin-bottom:1.5rem}.campfire-logo,.logo-container{display:flex;justify-content:center}.campfire-logo{align-items:center;flex-direction:column;height:100px;position:relative;width:100px}.flame{animation:flicker 3s ease-in-out infinite;background:#ff6123;clip-path:polygon(50% 0,0 100%,100% 100%);filter:drop-shadow(0 0 8px rgba(255,97,35,.4));height:60px;position:relative;width:32px;z-index:2}.flame:before{animation:flicker 2s ease-in-out infinite reverse;background:#ff8c42;height:20px;top:8px;width:16px}.flame:after,.flame:before{clip-path:polygon(50% 0,0 100%,100% 100%);content:"";left:50%;position:absolute;transform:translateX(-50%)}.flame:after{animation:flicker 2.5s ease-in-out infinite;background:gold;height:16px;top:20px;width:12px}.log{background:#8b4513;border-radius:8px;height:16px;position:absolute;width:50px;z-index:1}.log-left{bottom:6px;left:6px;transform:rotate(-30deg)}.log-right{bottom:6px;right:6px;transform:rotate(30deg)}.log-center{bottom:4px;left:50%;transform:rotate(0deg);transform:translateX(-50%)}@keyframes flicker{0%,to{opacity:1;transform:scale(1) rotate(0deg)}25%{opacity:.95;transform:scale(1.02) rotate(.5deg)}50%{opacity:1;transform:scale(.98) rotate(-.5deg)}75%{opacity:.98;transform:scale(1.01) rotate(.25deg)}}.main-title{color:#2c2c2c;font-size:3.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #0000000d}.hero-description{color:#5a5a5a;font-size:1.3rem;line-height:1.6;margin:0 auto;max-width:600px}.action-buttons{gap:2rem;margin-bottom:4rem}.action-btn{align-items:center;background:#fff;border:1px solid #ff6b351a;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:1rem;min-width:280px;padding:2rem;transition:all .3s ease}.action-btn,.action-btn:hover{color:#333;text-decoration:none}.action-btn:hover{border-color:#ff6b354d;box-shadow:0 8px 32px #ff6b3526;transform:translateY(-4px)}.update-btn:hover{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff}.groups-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.view-btn:hover{background:linear-gradient(135deg,#f7931e,#ff6b35);color:#fff}.btn-icon{font-size:3rem;margin-bottom:.5rem}.btn-content h3{font-size:1.4rem;font-weight:600;line-height:1.3;margin-bottom:.5rem}.btn-content p{color:#666;font-size:1rem;line-height:1.4;margin:0}.groups-btn:hover .btn-content p,.update-btn:hover .btn-content p,.view-btn:hover .btn-content p{color:#fffc}.user-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ff6b3533;border-radius:16px;box-shadow:0 4px 20px #0000000d;display:flex;justify-content:center;margin-bottom:2rem;padding:1rem 2rem}.user-info p{color:#2c2c2c;font-size:1.1rem;font-weight:600;margin:0}.success-message{align-items:center;animation:slideInDown .5s ease-out;background:linear-gradient(135deg,#4caf50,#45a049);border:1px solid #4caf5033;border-radius:12px;box-shadow:0 4px 20px #4caf504d;color:#fff;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;padding:1rem 2rem}.success-icon{font-size:1.5rem}.success-message p{font-size:1.1rem;font-weight:500;margin:0}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.auth-buttons{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:4rem}.auth-btn{align-items:center;background:#fff;border:1px solid #ff6b351a;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:1rem;min-width:280px;padding:2rem}.auth-btn,.auth-btn:hover{color:#333;text-decoration:none}.auth-btn:hover{border-color:#ff6b354d;box-shadow:0 8px 32px #ff6b3526;transform:translateY(-4px)}.signup-btn:hover{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff}.login-btn:hover{background:linear-gradient(135deg,#ff8c42,#ff6b35);color:#fff}.login-btn:hover .btn-content p,.signup-btn:hover .btn-content p{color:#fffc}.features-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.feature{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ff6b351a;border-radius:16px;box-shadow:0 4px 20px #0000000d;padding:2rem;transition:all .3s ease}.feature:hover{background:#ffffffe6;border-color:#ff6b3533;box-shadow:0 8px 32px #ff6b351a;transform:translateY(-4px)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature h4{color:#2c2c2c;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.feature p{color:#5a5a5a;font-size:1rem;line-height:1.5;margin:0}@media (max-width:768px){.landing-container{padding:1rem}.campfire-logo{height:80px;width:80px}.flame{height:52px;width:28px}.flame:before{height:18px;width:14px}.flame:after{height:14px;width:10px}.log{height:14px;width:44px}.main-title{font-size:2.5rem}.hero-description{font-size:1.1rem}.auth-buttons{align-items:center;flex-direction:column;gap:1.5rem}.action-btn,.auth-btn{min-width:280px;padding:1.5rem}.btn-content h3{font-size:1.2rem}.features-section{gap:1.5rem;grid-template-columns:1fr}.feature{padding:1.5rem}}@media (max-width:480px){.campfire-logo{height:60px;width:60px}.flame{height:40px;width:22px}.flame:before{height:14px;width:11px}.flame:after{height:11px;width:8px}.log{height:11px;width:32px}.main-title{font-size:2rem}.hero-description{font-size:1rem}.action-btn,.auth-btn{min-width:250px;padding:1.25rem}.btn-content h3{font-size:1.1rem}.btn-content p{font-size:.9rem}}.group-management-section{margin-bottom:4rem;margin-top:4rem}.group-tabs-section{margin-bottom:3rem;margin-top:3rem}.group-tabs-section h3{color:#2c2c2c;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.group-tabs{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:600px}.group-tab{background:#fff;border:2px solid #e8e4d8;border-radius:12px;box-shadow:0 4px 20px #0000000d;overflow:hidden;transition:all .3s ease}.group-tab:hover{border-color:#ff6b35;box-shadow:0 8px 32px #ff6b3526;transform:translateY(-2px)}.group-tab.invited{background:#ffc1070d;border-color:#ffc10780}.group-tab.invited:hover{border-color:#ffc107;box-shadow:0 8px 32px #ffc10733}.group-tab-link{align-items:center;color:inherit;display:flex;padding:1rem;text-decoration:none;transition:all .3s ease}.group-tab-link:hover{background:#ff6b3514}.group-tab-icon{align-items:center;background:#ff6b351a;border-radius:8px;color:#ff6b35;display:flex;font-size:1.5rem;height:40px;justify-content:center;margin-right:1rem;width:40px}.group-tab-content h4{color:#2c2c2c;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.group-tab-content p{color:#5a5a5a;font-size:.9rem;margin:0}.no-groups-message{background:#ff6b3514;border:2px dashed #ff6b354d;border-radius:12px;color:#5a5a5a;padding:2rem;text-align:center}.no-groups-message p{font-size:1rem;margin:0}.create-group-link{color:#ff6b35;font-weight:600;text-decoration:none;transition:color .3s ease}.create-group-link:hover{color:#ff8c42;text-decoration:underline}@media (max-width:768px){.group-tabs{margin:0 1rem}.group-tab-link{padding:.75rem}.group-tab-icon{font-size:1.2rem;height:35px;margin-right:.75rem;width:35px}.group-tab-content h4{font-size:1rem}.group-tab-content p{font-size:.8rem}}@media (max-width:480px){.group-tabs-section h3{font-size:1.3rem}.group-tab-link{padding:.5rem}.group-tab-icon{font-size:1rem;height:30px;margin-right:.5rem;width:30px}.group-tab-content h4{font-size:.9rem}.group-tab-content p{font-size:.75rem}.no-groups-message{padding:1.5rem}}.about-section{margin-bottom:2rem;text-align:left}.mission-title-centered{justify-content:center}.step-content p{font-size:.9rem}@media (max-width:768px){.about-section{padding:2rem 1.5rem}.about-section h2{font-size:1.5rem}.step{flex-direction:column;gap:1rem;text-align:center}.step-number{align-self:center}}.about-container{background:linear-gradient(135deg,#faf8f5,#f5f1eb 50%,#f0e8d8);min-height:100vh;padding:6rem 1rem 2rem}.about-content{margin:0 auto;max-width:800px}.about-header{margin-bottom:3rem;text-align:center}.back-link{color:#ff6b35;font-size:1rem;margin-bottom:2rem;transition:all .3s ease}.back-link:hover{color:#e55a2b;transform:translateX(-4px)}.back-arrow{font-size:1.2rem;margin-right:.5rem}.about-header h1{color:#2c2c2c;font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #0000000d}.about-subtitle{color:#5a5a5a;font-size:1.3rem;font-style:italic;margin:0}.about-sections{display:flex;flex-direction:column;gap:3rem}.about-section{background:#fff;border:1px solid #ff6b351a;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2.5rem}.about-section h2{align-items:center;color:#ff6b35;display:flex;font-size:1.8rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.about-section p{color:#5a5a5a;font-size:1.1rem;line-height:1.7;margin:0}.how-it-works{display:flex;flex-direction:column;gap:2rem;margin-top:1.5rem}.step{align-items:flex-start;background:#faf8f5;border-left:4px solid #ff6b35;border-radius:12px;display:flex;gap:1.5rem;padding:1.5rem}.step-number{align-items:center;background:#ff6b35;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.step-content h3{color:#2c2c2c;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.step-content p{color:#5a5a5a;font-size:1rem;line-height:1.6;margin:0}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.cta-button{border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:600;min-width:140px;padding:1rem 2rem;text-align:center;text-decoration:none;transition:all .3s ease}.cta-button.primary{background:linear-gradient(135deg,#ff6b35,#f7931e);border:2px solid #0000;color:#fff}.cta-button.primary:hover{background:linear-gradient(135deg,#e55a2b,#e0851a);box-shadow:0 8px 25px #ff6b354d;color:#fff;text-decoration:none;transform:translateY(-2px)}.cta-button.secondary{background:#fff;border:2px solid #ff6b35;color:#ff6b35}.cta-button.secondary:hover{background:#ff6b35;box-shadow:0 8px 25px #ff6b354d;color:#fff;text-decoration:none;transform:translateY(-2px)}@media (max-width:768px){.about-container{padding-top:5rem}.about-header h1{font-size:2.5rem}.about-subtitle{font-size:1.1rem}.about-section{padding:2rem 1.5rem}.about-section h2{font-size:1.5rem}.step{flex-direction:column;gap:1rem;text-align:center}.step-number{align-self:center}.cta-buttons{align-items:center;flex-direction:column}.cta-button{max-width:300px;width:100%}}.survey-container{align-items:center;background:linear-gradient(135deg,#faf8f5,#f5f1eb 50%,#f0e8d8);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.survey-form-wrapper{background:#fff;border:1px solid #ff6b351a;border-radius:16px;box-shadow:0 4px 20px #00000014;max-width:600px;padding:2.5rem;width:100%}.user-profile-info{align-items:center;background:#ff6b3514;border:1px solid #ff6b3526;border-radius:12px;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem}.user-avatar{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.user-details h3{color:#2c2c2c;font-size:1.2rem;font-weight:600;margin:0 0 .25rem}.user-details p{color:#5a5a5a;font-size:.9rem;margin:0}.group-info{background:#ff6b3514;border:1px solid #ff6b3526;border-radius:12px;margin-bottom:2rem;padding:1.5rem;text-align:center}.group-info h2{color:#2c2c2c;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.group-info p{color:#5a5a5a;margin-bottom:1rem}.group-details{gap:1rem}.group-member-count,.group-owner{background:#fff;border:1px solid #e8e4d8;color:#5a5a5a}.survey-form-wrapper h1{color:#2c2c2c;font-size:2.2rem;font-weight:700;margin-bottom:.5rem;text-align:center}.survey-description{color:#5a5a5a;font-size:1.1rem;line-height:1.5;margin-bottom:1.5rem;text-align:center}.groups-info{background:#ff6b350d;border:1px solid #ff6b351a;border-radius:12px;margin-bottom:2rem;padding:1.5rem;text-align:center}.groups-info p{color:#5a5a5a;font-size:1rem;font-weight:500;margin-bottom:1rem}.groups-list{flex-wrap:wrap;gap:.75rem;justify-content:center}.group-tag{background:linear-gradient(135deg,#ff6b35,#ff8c42);border:none;border-radius:20px;box-shadow:0 2px 8px #ff6b3533;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.survey-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input,.form-group textarea{background-color:#faf8f5;border:2px solid #e8e4d8;border-radius:10px;font-family:inherit;font-size:1rem;padding:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{background-color:#fff;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b3526;outline:none}.form-group input:disabled,.form-group textarea:disabled{background-color:#f5f1eb;cursor:not-allowed;opacity:.7}.form-group textarea{min-height:120px;resize:vertical}.submit-btn{background:linear-gradient(135deg,#ff6b35,#ff8c42);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin-top:1rem;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#e55a2b,#e67e22);box-shadow:0 8px 25px #ff6b354d;transform:translateY(-2px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.form-footer{border-top:1px solid #e9ecef;margin-top:2rem;padding-top:1.5rem;text-align:center}.home-link{color:#ff6b35;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s ease}.home-link:hover{color:#e55a2b;text-decoration:underline}.thank-you-message{text-align:center}.submission-progress{animation:fadeIn .3s ease;background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;color:#1976d2;font-weight:500;margin-bottom:1rem;padding:.75rem 1rem;text-align:center}.compression-progress{background:#f3e5f5;border:1px solid #e1bee7;color:#7b1fa2}.upload-progress{background:#e8f5e8;border:1px solid #c8e6c9;color:#2e7d32}.saving-progress{background:#fff3e0;border:1px solid #ffcc02;color:#f57c00}@media (max-width:768px){.survey-form-wrapper{margin:1rem;padding:2rem 1.5rem}.survey-form-wrapper h1{font-size:1.8rem}.submit-btn,.survey-description{font-size:1rem}.submit-btn{padding:.875rem 1.5rem}}.group-submissions-tracker{margin:0 auto;max-width:800px;padding:20px}.group-submissions-tracker h3{color:#333;font-size:1.5rem;margin-bottom:15px}.submissions-list{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.member-status{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:12px;padding:12px}.member-avatar{border-radius:50%;object-fit:cover}.member-info{flex:1 1}.member-name{color:#333;font-weight:500;margin-bottom:2px}.member-status-text{color:#666;font-size:.9rem}.revealed-responses{display:flex;flex-direction:column;gap:16px}.response-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:16px}.response-header{border-bottom:1px solid #e9ecef;gap:12px;margin-bottom:12px;padding-bottom:8px}.response-user-info{display:flex;flex-direction:column;gap:2px}.response-month{color:#6c757d;font-size:.85rem;font-weight:500}.emoji-avatar{border:2px solid #e9ecef;transition:border-color .2s ease}.emoji-avatar:hover{border-color:#007bff}.member-avatar.emoji-avatar,.response-avatar.emoji-avatar{flex-shrink:0}.collapsible-button{align-items:center;background:none;border:none;color:#007bff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;padding:8px 0;transition:color .2s ease}.collapsible-button:hover{color:#0056b3}.collapsible-arrow{font-size:12px;transform:rotate(0deg);transition:transform .2s ease}.collapsible-arrow.expanded{transform:rotate(90deg)}.collapsible-content{animation:slideDown .2s ease;margin-left:20px;margin-top:10px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.response-avatar{object-fit:cover}.response-user{color:#333;flex:1 1}.response-date{margin-left:auto}.response-content p{line-height:1.5;margin:8px 0}.response-content strong{color:#333;font-weight:600}hr{border:none;border-top:1px solid #e9ecef;margin:30px 0}.responses-container{background:linear-gradient(135deg,#faf8f5,#f5f1eb 50%,#f0e8d8);min-height:100vh;padding:2rem 1rem}.responses-container,.responses-content{word-wrap:break-word;overflow-wrap:break-word}.responses-content{margin:0 auto;max-width:1200px}.responses-header{background:#fff;border:1px solid #ff6b351a;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem;text-align:center}.group-info h1{color:#2c2c2c;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.group-info p{color:#666;font-size:1.1rem;margin-bottom:1.5rem}.group-details{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.group-member-count,.group-owner{background:#ff6b351a;border:1px solid #ff6b3533;border-radius:20px;color:#ff6b35;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.monthly-updates-section{margin-bottom:3rem}.regular-updates-section,.section-header{margin-bottom:2rem}.section-header{background:#fff;border:1px solid #ff6b351a;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:1.5rem;text-align:center}.section-header h2{color:#2c2c2c;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.section-header p{color:#666;font-size:1rem;margin:0}.responses-wrapper{background:#fff;border:1px solid #ff6b351a;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:800px;padding:2.5rem}.header{margin-bottom:2rem;text-align:center}.header h1{color:#2c2c2c;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:#5a5a5a;font-size:1.1rem;margin-bottom:0}.empty-state{padding:3rem 1rem;text-align:center}.empty-icon{font-size:4rem}.empty-state h2{color:#2c2c2c;font-size:1.8rem;font-weight:600;margin-bottom:1rem}.empty-state p{color:#5a5a5a;font-size:1.1rem;line-height:1.5;margin-bottom:2rem}.submit-first-btn{background:linear-gradient(135deg,#ff6b35,#ff8c42);border-radius:10px;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;letter-spacing:.5px;padding:1rem 2rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.submit-first-btn:hover{background:linear-gradient(135deg,#e55a2b,#e67e22);box-shadow:0 8px 25px #ff6b354d;color:#fff;text-decoration:none;transform:translateY(-2px)}.responses-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.response-card{word-wrap:break-word;background:#faf8f5;border:1px solid #e8e4d8;border-radius:12px;max-width:100%;overflow-wrap:break-word;padding:1.5rem;transition:all .3s ease}.response-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.response-header{word-wrap:break-word;align-items:center;display:flex;gap:1rem;margin-bottom:1rem;max-width:100%;overflow-wrap:break-word}.response-avatar{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.avatar-emoji{font-size:1.8rem}.response-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.response-name{color:#333;font-size:1.1rem;font-weight:600}.response-date{color:#666;font-size:.9rem}.response-content,.response-message{word-wrap:break-word;background:#fff;border:1px solid #e8e4d8;border-radius:8px;color:#2c2c2c;font-size:1rem;line-height:1.6;margin-bottom:1rem;max-width:100%;min-height:60px;overflow-wrap:break-word;padding:1rem;white-space:pre-wrap}.response-field{margin-bottom:1rem}.response-field:last-child{margin-bottom:0}.response-field label{color:#2c2c2c;display:block;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.field-content{word-wrap:break-word;background:#faf8f5;border:1px solid #e8e4d8;border-radius:6px;color:#2c2c2c;font-size:1rem;line-height:1.5;max-width:100%;min-height:40px;overflow-wrap:break-word;padding:.75rem;white-space:pre-wrap}.response-id{font-size:.8rem;text-align:center}.action-buttons{margin-top:2rem}.new-survey-btn{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:10px;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;letter-spacing:.5px;padding:1rem 2rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.new-survey-btn:hover{background:linear-gradient(135deg,#e55a2b,#e0851a);box-shadow:0 8px 25px #ff6b354d;color:#fff;text-decoration:none;transform:translateY(-2px)}.loading-spinner{padding:3rem 1rem}.loading-spinner p{color:#666}.error-state{padding:3rem 1rem;text-align:center}.error-state h1{color:#333;font-size:2rem;font-weight:700;margin-bottom:1rem}.error-message{font-size:1.1rem}.back-btn{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:600;letter-spacing:.5px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.back-btn,.back-btn:hover{color:#fff;text-decoration:none}.back-btn:hover{background:linear-gradient(135deg,#e55a2b,#e0851a);box-shadow:0 8px 25px #ff6b354d;transform:translateY(-2px)}@media (max-width:768px){.responses-wrapper{margin:1rem;padding:2rem 1.5rem}.header h1{font-size:2rem}.response-header{flex-direction:column;gap:.5rem}.response-header,.response-meta{align-items:flex-start}.back-btn,.new-survey-btn,.submit-first-btn{font-size:1rem;padding:.875rem 1.5rem}.section-header{margin:0 1rem 2rem;padding:1rem}.section-header h2{font-size:1.5rem}.monthly-updates-section,.regular-updates-section{margin-bottom:2rem}}.group-manager{background:#fff;border:1px solid #ff6b351a;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:800px;padding:2rem}.group-manager-header{margin-bottom:2rem;text-align:center}.group-manager-header h2{color:#2c2c2c;font-size:2rem;font-weight:700;margin-bottom:.5rem}.group-manager-header p{color:#5a5a5a;font-size:1.1rem;margin:0}.create-group-section{background:#ff6b3514;border:1px solid #ff6b3526;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.create-group-section h3{color:#2c2c2c;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.create-group-form{align-items:flex-end;display:flex;gap:1rem}.form-group{flex:1 1}.group-name-input{background:#fff;border:2px solid #e8e4d8;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.group-name-input:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b3526;outline:none}.group-name-input:disabled{background:#f5f1eb;cursor:not-allowed}.create-group-btn{background:linear-gradient(135deg,#ff6b35,#ff8c42);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.create-group-btn:hover:not(:disabled){box-shadow:0 4px 12px #ff6b354d;transform:translateY(-2px)}.create-group-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{background:#fee;border:1px solid #fed7d7;color:#c53030;padding:1rem}.success-message{background:#f0fff4;border:1px solid #c6f6d5;border-radius:8px;color:#2f855a;margin-bottom:1rem;padding:1rem}.groups-section{margin-bottom:3rem}.groups-section h3{border-bottom:2px solid #ff6b3533;color:#333;font-size:1.3rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.empty-groups{color:#666;padding:3rem 1rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-groups p{font-size:1.1rem;margin:.5rem 0}.groups-list{display:flex;flex-direction:column;gap:1.5rem}.group-card{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:12px;padding:1.5rem;transition:all .3s ease}.group-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.group-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.group-name{color:#333;font-size:1.2rem;font-weight:600;margin:0}.group-date{background:#fff;border:1px solid #e1e5e9;border-radius:20px;color:#666;font-size:.9rem;padding:.25rem .75rem}.group-members{margin-bottom:1.5rem}.group-members h5{color:#333;font-size:1rem;font-weight:600;margin-bottom:.75rem}.members-list{display:flex;flex-wrap:wrap;gap:.5rem}.member-email{background:#fff;border:1px solid #e1e5e9;border-radius:20px;color:#666;font-size:.9rem;padding:.5rem .75rem}.member-email.owner{background:#ff6b351a;border-color:#ff6b354d;color:#ff6b35;font-weight:600}.invited-group{background:#ffc1070d;border-color:#ffc1074d}.invited-group:hover{box-shadow:0 4px 12px #ffc10733}.group-owner{background:#ffc1071a;border:1px solid #ffc10733;border-radius:8px;margin-top:1rem;padding:1rem}.group-owner h5{color:#333;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.group-owner p{color:#666;font-size:.9rem;font-weight:500;margin:0}.invite-action{background:#fffc;border:1px solid #e1e5e9;border-radius:8px;margin-top:1rem;padding:1rem;text-align:center}.accept-invite-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.accept-invite-btn:hover:not(:disabled){box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.accept-invite-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.accepted-status{align-items:center;color:#28a745;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center}.accepted-icon{font-size:1.2rem}.invite-section h5{color:#333;font-size:1rem;font-weight:600;margin-bottom:.75rem}.invite-form{align-items:flex-end;display:flex;gap:.75rem}.invite-input{background:#fff;border:2px solid #e1e5e9;border-radius:8px;flex:1 1;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.invite-input:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a;outline:none}.invite-input:disabled{background:#f8f9fa;cursor:not-allowed}.invite-btn{background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.invite-btn:hover:not(:disabled){box-shadow:0 4px 12px #ff6b354d;transform:translateY(-2px)}.invite-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.group-manager{margin:0 1rem;padding:1.5rem}.create-group-form{flex-direction:column;gap:1rem}.group-header{align-items:flex-start;flex-direction:column}.invite-form{gap:.75rem}.invite-form,.members-list{flex-direction:column}.member-email{text-align:center}.invite-action{padding:.75rem}.accept-invite-btn{font-size:.9rem;padding:.75rem 1rem}}@media (max-width:480px){.group-manager{margin:0 .5rem;padding:1rem}.group-manager-header h2{font-size:1.5rem}.group-manager-header p{font-size:1rem}}.member-item{align-items:center;background:#ff6b350d;border:1px solid #ff6b351a;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem}.remove-member-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;margin-left:.5rem;transition:all .3s ease;width:24px}.remove-member-btn:hover{background:#c82333;transform:scale(1.1)}.remove-member-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.group-actions{border-top:1px solid #ff6b351a;display:flex;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.delete-group-btn{align-items:center;background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.delete-group-btn:hover{background:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}.delete-group-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.member-item{align-items:flex-start;flex-direction:column;gap:.5rem}.remove-member-btn{align-self:flex-end}.delete-group-btn,.group-actions{justify-content:center}.delete-group-btn{width:100%}}.group-management-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.page-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;box-shadow:0 8px 32px #0000001a;margin-bottom:30px;padding:30px}.header-content{margin:0 auto;max-width:1200px}.back-link{align-items:center;color:#667eea;display:inline-flex;font-weight:500;margin-bottom:20px;text-decoration:none;transition:color .3s ease}.back-link:hover{color:#764ba2}.back-arrow{font-size:18px;margin-right:8px}.page-header h1{color:#333;font-size:2.5rem;font-weight:700;margin:0 0 10px}.page-header p{color:#666;font-size:1.1rem;margin:0}.page-content{margin:0 auto;max-width:1200px}.not-authenticated{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;box-shadow:0 8px 32px #0000001a;padding:60px 30px}.not-authenticated h2{margin-bottom:30px}.auth-link{border-radius:25px;padding:12px 30px;transition:transform .3s ease,box-shadow .3s ease}.auth-link:hover{box-shadow:0 8px 25px #667eea66}@media (max-width:768px){.group-management-page{padding:15px}.page-header{margin-bottom:20px;padding:20px}.page-header h1{font-size:2rem}.page-header p{font-size:1rem}}.admin-auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;max-width:400px;padding:40px;text-align:center;width:100%}.admin-auth-card h2{color:#333;font-size:24px;font-weight:600;margin-bottom:10px}.admin-auth-card p{color:#666;line-height:1.5;margin-bottom:30px}.admin-auth-form{text-align:left}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group input:disabled{background-color:#f8f9fa}.error-message{border-radius:6px;font-size:14px;margin-bottom:20px;padding:12px}.admin-auth-button{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:20px;padding:14px 20px;transition:all .3s ease;width:100%}.admin-auth-button:hover:not(:disabled){box-shadow:0 5px 15px #007bff4d;transform:translateY(-2px)}.admin-auth-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.admin-auth-note{border-top:1px solid #e9ecef;padding-top:20px;text-align:center}.admin-auth-note small{color:#6c757d;line-height:1.4}.admin-auth-note strong{color:#495057}.admin-page{background-color:#f8f9fa;min-height:100vh}.admin-page .page-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 20px;text-align:center}.admin-page .header-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px}.admin-page .header-title{flex:1 1;text-align:center}.admin-page .back-link{align-items:center;color:#fff;display:inline-flex;font-size:16px;margin-bottom:20px;text-decoration:none;transition:opacity .3s ease}.admin-page .back-link:hover{opacity:.8}.admin-page .back-arrow{font-size:18px;margin-right:8px}.admin-page h1{font-size:2.5rem;font-weight:700;margin:0 0 10px}.admin-page .page-content{margin:0 auto;max-width:1200px;padding:40px 20px}.admin-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px;padding:30px}.admin-section h2{color:#333;font-size:1.8rem;font-weight:600;margin:0 0 15px}.admin-section h3{color:#555;font-size:1.3rem;font-weight:500;margin:20px 0 10px}.admin-section p{color:#666;line-height:1.6;margin:0 0 15px}.admin-section code{background-color:#f1f3f4;border-radius:4px;color:#d63384;font-family:Courier New,monospace;padding:2px 6px}.instructions{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;padding:20px}.not-authenticated{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:40px auto;max-width:500px;padding:60px 20px;text-align:center}.not-authenticated h2{color:#333;margin-bottom:20px}.auth-link{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;display:inline-block;font-weight:500;padding:12px 24px;transition:transform .2s ease}.auth-link:hover{transform:translateY(-2px)}.admin-logout-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.admin-logout-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.admin-logout-button:active{transform:translateY(0)}@media (max-width:768px){.admin-page .header-content{flex-direction:column;text-align:center}.admin-page .header-title{order:2}.admin-page .back-link{margin-bottom:10px;order:1}.admin-logout-button{margin-top:10px;order:3}}.summary-container{align-items:center;background:linear-gradient(135deg,#faf8f5,#f5f1eb 50%,#f0e8d8);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.summary-wrapper{background:#fff;border:1px solid #ff6b351a;border-radius:16px;box-shadow:0 4px 20px #00000014;max-width:700px;padding:2.5rem;text-align:center;width:100%}.success-icon{animation:bounceIn .6s ease}.error-icon,.success-icon{font-size:4rem;margin-bottom:1rem}.error-icon{animation:shake .5s ease}.summary-wrapper h1{color:#2c2c2c;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.thank-you-message{color:#5a5a5a;font-size:1.2rem;line-height:1.5;margin-bottom:2rem}.error-message{color:#dc3545;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.error-description{color:#666;font-size:1rem;line-height:1.5;margin-bottom:2rem}.response-details{background:#faf8f5;border:1px solid #e8e4d8;border-radius:12px;margin-bottom:2rem;padding:2rem;text-align:left}.detail-item{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.detail-item:last-child{margin-bottom:0}.detail-item label{color:#2c2c2c;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item span{color:#2c2c2c;font-size:1.1rem;font-weight:500}.response-id{background:#e9ecef;border-radius:6px;color:#495057;font-family:Courier New,monospace;font-size:.9rem;padding:.5rem}.content-field,.message-content{background:#fff;border:1px solid #e8e4d8;border-radius:8px;color:#2c2c2c;font-size:1rem;line-height:1.6;min-height:80px;padding:1rem;white-space:pre-wrap}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.back-btn,.new-survey-btn{background:linear-gradient(135deg,#ff6b35,#ff8c42);border-radius:10px;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;letter-spacing:.5px;padding:1rem 2rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.back-btn:hover,.new-survey-btn:hover{background:linear-gradient(135deg,#e55a2b,#e67e22);box-shadow:0 8px 25px #ff6b354d;color:#fff;text-decoration:none;transform:translateY(-2px)}.home-btn{background:#6c757d}.home-btn:hover{background:#5a6268;box-shadow:0 8px 25px #6c757d4d}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:1rem}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#ff6b35;height:40px;width:40px}.loading-spinner p{color:#5a5a5a;font-size:1.1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@media (max-width:768px){.summary-wrapper{margin:1rem;padding:2rem 1.5rem}.summary-wrapper h1{font-size:2rem}.error-message,.thank-you-message{font-size:1.1rem}.response-details{padding:1.5rem}.action-buttons{flex-direction:column}.back-btn,.new-survey-btn{font-size:1rem;padding:.875rem 1.5rem}}.auth-container{align-items:center;background:linear-gradient(135deg,#faf8f5,#f5f1eb 50%,#f0e8d8);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.auth-wrapper{background:#fff;border:1px solid #ff6b351a;border-radius:16px;box-shadow:0 4px 20px #00000014;max-width:450px;padding:2.5rem;width:100%}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h1{color:#2c2c2c;font-size:2.2rem;font-weight:700;margin-bottom:.5rem}.auth-header p{color:#5a5a5a;font-size:1.1rem;line-height:1.5;margin:0}.auth-form{gap:1.5rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#2c2c2c;font-size:1rem;font-weight:600}.form-group input{background-color:#faf8f5;border:2px solid #e8e4d8;border-radius:10px;font-family:inherit;font-size:1rem;padding:1rem;transition:all .3s ease}.form-group input:focus{background-color:#fff;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b3526;outline:none}.form-group input:disabled{background-color:#f5f1eb;cursor:not-allowed;opacity:.7}.auth-btn{background:linear-gradient(135deg,#ff6b35,#ff8c42);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin-top:1rem;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.auth-btn:hover:not(:disabled){background:linear-gradient(135deg,#e55a2b,#e67e22);box-shadow:0 8px 25px #ff6b354d;transform:translateY(-2px)}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.error-message{animation:fadeIn .3s ease;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;font-weight:500;padding:.75rem 1rem;text-align:center}.auth-footer{border-top:1px solid #e9ecef;margin-top:2rem;padding-top:1.5rem;text-align:center}.auth-footer p{color:#5a5a5a;font-size:1rem;margin:0}.auth-link{color:#ff6b35;font-weight:600;text-decoration:none;transition:color .2s ease}.auth-link:hover{color:#e55a2b;text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.auth-wrapper{margin:1rem;padding:2rem 1.5rem}.auth-header h1{font-size:1.8rem}.auth-btn,.auth-header p{font-size:1rem}.auth-btn{padding:.875rem 1.5rem}}.not-found-container{align-items:center;background:linear-gradient(135deg,#ff6b35,#f7931e 50%,#ff8c42);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.not-found-wrapper{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;max-width:500px;padding:2.5rem;text-align:center;width:100%}.not-found-icon{font-size:4rem;margin-bottom:1rem}.not-found-wrapper h1{color:#333;font-size:4rem;font-weight:700;margin-bottom:.5rem}.not-found-wrapper h2{color:#666;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.not-found-wrapper p{color:#666;font-size:1.1rem;line-height:1.5;margin-bottom:2rem}.home-btn{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:600;letter-spacing:.5px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.home-btn,.home-btn:hover{color:#fff;text-decoration:none}.home-btn:hover{background:linear-gradient(135deg,#e55a2b,#e0851a);box-shadow:0 8px 25px #ff6b354d;transform:translateY(-2px)}@media (max-width:768px){.not-found-wrapper{margin:1rem;padding:2rem 1.5rem}.not-found-wrapper h1{font-size:3rem}.not-found-wrapper h2{font-size:1.3rem}.home-btn{font-size:1rem;padding:.875rem 1.5rem}}
/*# sourceMappingURL=main.9c21ee7c.css.map*/