.header{background:var(--bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px var(--shadow)}.header-container{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.header-logo{text-decoration:none;color:var(--text-primary)}.header-logo h1{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-primary)}.header-nav{display:flex;gap:8px}.nav-item{padding:10px 20px;text-decoration:none;color:var(--text-secondary);font-weight:500;border-radius:8px;transition:all .3s ease;border:1px solid transparent}.nav-item:hover{color:var(--text-primary);background:var(--bg-card);border-color:var(--border-color)}.nav-item.active{color:var(--color-primary);background:var(--bg-card);border-color:var(--color-primary)}@media(max-width:768px){.header-container{flex-direction:column;gap:16px;padding:16px}.header-nav{width:100%;justify-content:center}.nav-item{padding:8px 16px;font-size:.9rem}}.theme-toggle{position:fixed;top:20px;right:20px;z-index:1000;background:var(--toggle-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--toggle-border);border-radius:50px;padding:8px 12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px var(--shadow)}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px var(--shadow-medium);background:var(--toggle-bg-hover)}.theme-toggle:active{transform:scale(.95)}.toggle-slider{display:flex;align-items:center;justify-content:center;width:40px;height:40px;transition:all .3s ease}.toggle-icon{font-size:1.5rem;transition:transform .3s ease}.theme-toggle:hover .toggle-icon{transform:rotate(15deg)}.home-container{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:40px 20px}.home-content{max-width:1000px;width:100%;text-align:center}.home-content h1{font-size:3rem;font-weight:700;color:var(--text-primary);margin:0 0 16px}.home-subtitle{font-size:1.2rem;color:var(--text-secondary);margin:0 0 48px}.home-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:48px}.home-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:32px;text-decoration:none;color:var(--text-primary);border:1px solid var(--border-color);transition:all .3s ease;display:block;text-align:left}.home-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow-medium);border-color:var(--color-primary)}.home-card h2{margin:0 0 12px;font-size:1.5rem;font-weight:600;color:var(--color-primary)}.home-card p{margin:0;color:var(--text-secondary);line-height:1.6}.page-container{padding:40px 20px;min-height:calc(100vh - 80px)}.question-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:28px;margin-bottom:24px;box-shadow:0 4px 16px var(--shadow);border:1px solid var(--border-color);transition:all .3s ease;position:relative;overflow:hidden}.question-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--color-primary);transform:scaleX(0);transition:transform .3s ease}.question-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow-medium);background:var(--bg-card-hover)}.question-card:hover:before{transform:scaleX(1)}.question-title{margin:0 0 16px;font-size:1.25rem;font-weight:600;color:var(--text-primary);transition:color .3s ease}.required{color:#e74c3c;margin-left:4px}.question-content{display:flex;flex-direction:column;gap:12px}.date-input-group{display:flex;flex-direction:column;gap:8px}.date-input-label{font-weight:500;color:var(--text-secondary);font-size:.95rem;transition:color .3s ease}.date-input{padding:12px 16px;border:2px solid var(--border-color);border-radius:12px;font-size:1rem;transition:all .3s ease;font-family:inherit;background:var(--bg-input);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--text-primary)}.date-input:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.date-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea33;transform:translateY(-2px)}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(0);transition:filter .3s ease}[data-theme=dark] .date-input::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.8}.date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.date-input-help{margin:0;font-size:.85rem;color:var(--text-secondary);font-style:italic;transition:color .3s ease}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-option{display:flex;align-items:center;cursor:pointer;padding:14px 16px;border:2px solid var(--border-color);border-radius:12px;transition:all .3s ease;background:var(--bg-radio);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;overflow:hidden}.radio-option:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:var(--color-primary);transform:scaleY(0);transition:transform .3s ease}.radio-option:hover{border-color:var(--color-primary);background:var(--bg-radio-hover);transform:translate(4px);box-shadow:0 4px 12px var(--shadow)}.radio-option:hover:before{transform:scaleY(1)}.radio-option input[type=radio]:checked~.radio-label,.radio-option input[type=radio]:checked+.radio-label{font-weight:600;color:var(--color-primary)}.radio-option input[type=radio]:checked{accent-color:var(--color-primary)}.radio-option input[type=radio]{margin-right:12px;width:20px;height:20px;cursor:pointer;transition:transform .2s ease}.radio-option:hover input[type=radio]{transform:scale(1.1)}.radio-label{flex:1;font-size:1rem;color:var(--text-primary);transition:color .3s ease}.result-display{background:var(--color-primary);border-radius:20px;padding:32px;margin-top:32px;color:#fff;box-shadow:0 8px 32px var(--shadow-primary);animation:slideIn .5s ease;position:relative;overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .result-display{background:var(--color-primary-dark);box-shadow:0 8px 32px var(--shadow-primary-dark)}.result-header h2{margin:0 0 20px;font-size:1.5rem;font-weight:600}.deadline-date{font-size:2rem;font-weight:700;margin-bottom:20px;text-align:center;padding:20px;background:var(--result-overlay);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.calculation-details{margin-top:20px;padding:16px;background:var(--result-overlay);border-radius:8px}.calculation-details h4{margin:0 0 8px;font-size:1.1rem}.calculation-details p{margin:0;line-height:1.6}.result-note{margin-top:20px;padding:12px;background:var(--result-overlay);border-radius:6px;font-size:.9rem}.result-note p{margin:0}.loading-bar-container{margin-top:32px;padding:32px;background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 4px 16px var(--shadow);text-align:center;animation:fadeIn .3s ease}.loading-text{font-size:1.1rem;font-weight:600;color:var(--gradient-text);margin-bottom:20px}.loading-bar-wrapper{width:100%;margin-bottom:16px}.loading-bar{width:100%;height:8px;background:var(--bg-input);border-radius:10px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px var(--shadow)}.loading-bar-fill{height:100%;background:var(--gradient-primary);border-radius:10px;position:relative;animation:loading 1.5s ease-in-out infinite;box-shadow:0 0 10px #667eea4d}.loading-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}@keyframes loading{0%{width:0%;transform:translate(0)}50%{width:70%;transform:translate(0)}to{width:100%;transform:translate(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-dots{display:flex;justify-content:center;gap:8px;margin-top:16px}.loading-dots span{width:10px;height:10px;border-radius:50%;background:var(--color-primary);animation:bounce 1.4s ease-in-out infinite;box-shadow:0 0 10px #667eea80}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.faq-container{margin-top:60px;padding:40px;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 8px 32px var(--shadow);border:1px solid var(--border-color);transition:all .3s ease}.faq-container:hover{box-shadow:0 12px 40px var(--shadow-medium)}.faq-title{font-size:2rem;font-weight:700;color:var(--gradient-text);margin:0 0 32px;text-align:center}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:var(--color-primary);box-shadow:0 4px 12px var(--shadow)}.faq-item.open{border-color:var(--color-primary);box-shadow:0 4px 16px var(--shadow-medium)}.faq-question{width:100%;padding:20px 24px;background:transparent;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;color:var(--text-primary)}.faq-question:hover{background:var(--bg-card-hover)}.faq-question:focus{outline:none;background:var(--bg-card-hover)}.faq-question-text{font-size:1.1rem;font-weight:600;flex:1;padding-right:16px}.faq-icon{font-size:1.5rem;font-weight:700;color:var(--color-primary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#667eea1a;transition:all .3s ease;flex-shrink:0}.faq-item.open .faq-icon{background:var(--color-primary);color:#fff;transform:rotate(180deg)}.faq-question:hover .faq-icon{background:#667eea33;transform:scale(1.1)}.faq-item.open .faq-question:hover .faq-icon{transform:rotate(180deg) scale(1.1)}.faq-answer-wrapper{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;padding:0 24px}.faq-item.open .faq-answer-wrapper{max-height:500px;padding:0 24px 20px}.faq-answer{padding-top:16px;color:var(--text-secondary);line-height:1.7;font-size:1rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.faq-container{padding:24px}.faq-title{font-size:1.5rem}.faq-question{padding:16px 20px}.faq-question-text{font-size:1rem}.faq-item.open .faq-answer-wrapper{padding:0 20px 16px}}.deadline-calculator{max-width:900px;margin:0 auto;padding:40px;background:var(--bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 8px 32px var(--shadow);border:1px solid var(--border-color);transition:all .3s ease;position:relative;overflow:hidden}.deadline-calculator:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-accent)}.deadline-calculator:hover{transform:translateY(-5px);box-shadow:0 12px 40px var(--shadow)}.calculator-header{text-align:center;margin-bottom:40px;position:relative}.calculator-header h1{margin:0 0 8px;font-size:2.5rem;color:var(--gradient-text);font-weight:700;transition:all .3s ease}.subtitle{margin:0;color:var(--text-secondary);font-size:1rem;font-style:italic}.calculator-content{display:flex;flex-direction:column}.reset-container{margin-top:32px;text-align:center}.reset-button{padding:14px 28px;background:var(--gradient-button);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px var(--shadow-error)}.reset-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-error);opacity:.9}.reset-button:active{transform:translateY(0) scale(.98)}.error-display{margin-top:24px;padding:16px;background:var(--error-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--error-border);border-radius:12px;color:var(--error-text);animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-message{margin:0;font-weight:500}.App{min-height:100vh;padding:20px;position:relative;overflow-x:hidden}.App{background:var(--bg-gradient-light);min-height:100vh}[data-theme=dark] .App{background:var(--bg-gradient-dark)}:root{--color-primary: #667eea;--color-primary-dark: #764ba2;--color-primary-light: #f093fb;--color-secondary: #4facfe;--color-accent: #00f2fe;--gradient-primary: #667eea;--gradient-secondary: #4facfe;--gradient-accent: #667eea;--gradient-button: #e74c3c;--gradient-text: #667eea;--bg-primary-light: #ffffff;--bg-secondary-light: rgba(255, 255, 255, .9);--bg-card-light: rgba(255, 255, 255, .7);--bg-card-hover-light: rgba(255, 255, 255, .85);--bg-input-light: rgba(255, 255, 255, .7);--bg-radio-light: rgba(255, 255, 255, .5);--bg-radio-hover-light: rgba(102, 126, 234, .1);--bg-primary-dark: rgba(30, 30, 46, .95);--bg-secondary-dark: rgba(20, 20, 35, .9);--bg-card-dark: rgba(30, 30, 46, .8);--bg-card-hover-dark: rgba(30, 30, 46, .9);--bg-input-dark: rgba(30, 30, 46, .6);--bg-radio-dark: rgba(30, 30, 46, .6);--bg-radio-hover-dark: rgba(102, 126, 234, .2);--bg-gradient-light: #f5f7fa;--bg-gradient-dark: #1a1a2e;--text-primary-light: #333;--text-secondary-light: #666;--text-muted-light: #999;--text-primary-dark: #e4e4e7;--text-secondary-dark: #a1a1aa;--text-muted-dark: #71717a;--border-light: rgba(0, 0, 0, .1);--border-dark: rgba(255, 255, 255, .1);--border-hover-light: #667eea;--border-hover-dark: #667eea;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium-light: rgba(0, 0, 0, .15);--shadow-dark-light: rgba(0, 0, 0, .2);--shadow-dark: rgba(0, 0, 0, .3);--shadow-medium-dark: rgba(0, 0, 0, .4);--shadow-primary: rgba(102, 126, 234, .4);--shadow-primary-dark: rgba(76, 29, 149, .5);--shadow-error: rgba(231, 76, 60, .3);--error-bg-light: rgba(254, 238, 238, .9);--error-bg-dark: rgba(127, 29, 29, .3);--error-border: #e74c3c;--error-text-light: #c0392b;--error-text-dark: #ff6b6b;--result-gradient-light: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--result-gradient-dark: linear-gradient(135deg, #4c1d95 0%, #6b21a8 100%);--result-overlay-light: rgba(255, 255, 255, .2);--result-overlay-dark: rgba(255, 255, 255, .1);--toggle-bg-light: rgba(255, 255, 255, .1);--toggle-bg-hover-light: rgba(255, 255, 255, .15);--toggle-bg-dark: rgba(0, 0, 0, .3);--toggle-bg-hover-dark: rgba(0, 0, 0, .4);--toggle-border-light: rgba(255, 255, 255, .2);--toggle-border-dark: rgba(255, 255, 255, .1)}:root{--bg-primary: var(--bg-primary-light);--bg-secondary: var(--bg-secondary-light);--bg-card: var(--bg-card-light);--bg-card-hover: var(--bg-card-hover-light);--bg-input: var(--bg-input-light);--bg-radio: var(--bg-radio-light);--bg-radio-hover: var(--bg-radio-hover-light);--text-primary: var(--text-primary-light);--text-secondary: var(--text-secondary-light);--text-muted: var(--text-muted-light);--border-color: var(--border-light);--border-hover: var(--border-hover-light);--shadow: var(--shadow-light);--shadow-medium: var(--shadow-medium-light);--shadow-dark: var(--shadow-dark-light);--error-bg: var(--error-bg-light);--error-text: var(--error-text-light);--result-gradient: var(--result-gradient-light);--result-overlay: var(--result-overlay-light);--toggle-bg: var(--toggle-bg-light);--toggle-bg-hover: var(--toggle-bg-hover-light);--toggle-border: var(--toggle-border-light)}[data-theme=dark]{--bg-primary: var(--bg-primary-dark);--bg-secondary: var(--bg-secondary-dark);--bg-card: var(--bg-card-dark);--bg-card-hover: var(--bg-card-hover-dark);--bg-input: var(--bg-input-dark);--bg-radio: var(--bg-radio-dark);--bg-radio-hover: var(--bg-radio-hover-dark);--text-primary: var(--text-primary-dark);--text-secondary: var(--text-secondary-dark);--text-muted: var(--text-muted-dark);--border-color: var(--border-dark);--border-hover: var(--border-hover-dark);--shadow: var(--shadow-dark);--shadow-medium: var(--shadow-medium-dark);--shadow-dark: var(--shadow-dark);--error-bg: var(--error-bg-dark);--error-text: var(--error-text-dark);--result-gradient: var(--result-gradient-dark);--result-overlay: var(--result-overlay-dark);--toggle-bg: var(--toggle-bg-dark);--toggle-bg-hover: var(--toggle-bg-hover-dark);--toggle-border: var(--toggle-border-dark)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;transition:background-color .3s ease,color .3s ease,border-color .3s ease}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-primary);background-color:var(--bg-primary)}#root{width:100%;margin:0 auto}