:root{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-color: #0f172a;--primary: #6366f1;--secondary: #a855f7;--accent: #ec4899;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--text-color: #f8fafc;--text-muted: #94a3b8;--card-bg: rgba(30, 41, 59, .5);--success: #10b981;--error: #ef4444;--input-bg: rgba(255, 255, 255, .05)}*,*:before,*:after{box-sizing:border-box}[data-theme=light]{--bg-color: #f1f5f9;--primary: #4f46e5;--secondary: #9333ea;--accent: #db2777;--glass-bg: rgba(255, 255, 255, .95);--glass-border: rgba(0, 0, 0, .08);--glass-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--text-color: #1e293b;--text-muted: #64748b;--card-bg: #ffffff;--success: #16a34a;--error: #dc2626;--input-bg: #ffffff;--input-border: #e2e8f0}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden;transition:background-color .3s ease,color .3s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#root:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0l25.98 15v30L30 60 4.02 45V15z' fill-opacity='0.03' fill='%236366f1' stroke='%236366f1' stroke-width='1' stroke-opacity='0.08' /%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 10 Q 35 25, 50 10 T 80 10' stroke='%23a855f7' stroke-width='2' fill='none' stroke-opacity='0.06'/%3E%3Cpath d='M20 30 Q 35 45, 50 30 T 80 30' stroke='%23a855f7' stroke-width='2' fill='none' stroke-opacity='0.06'/%3E%3Cpath d='M20 50 Q 35 65, 50 50 T 80 50' stroke='%23a855f7' stroke-width='2' fill='none' stroke-opacity='0.06'/%3E%3Cpath d='M20 70 Q 35 85, 50 70 T 80 70' stroke='%23a855f7' stroke-width='2' fill='none' stroke-opacity='0.06'/%3E%3Cpath d='M20 90 Q 35 105, 50 90 T 80 90' stroke='%23a855f7' stroke-width='2' fill='none' stroke-opacity='0.06'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='15' fill='%23ec4899' fill-opacity='0.04' stroke='%23ec4899' stroke-width='1' stroke-opacity='0.05'/%3E%3Ccircle cx='25' cy='25' r='8' fill='%23ec4899' fill-opacity='0.03' stroke='%23ec4899' stroke-width='1' stroke-opacity='0.04'/%3E%3Ccircle cx='55' cy='55' r='10' fill='%23ec4899' fill-opacity='0.03' stroke='%23ec4899' stroke-width='1' stroke-opacity='0.04'/%3E%3C/svg%3E"),radial-gradient(circle at 15% 50%,rgba(99,102,241,.15) 0%,transparent 40%),radial-gradient(circle at 85% 30%,rgba(168,85,247,.15) 0%,transparent 40%);background-size:60px 60px,100px 100px,80px 80px,100% 100%,100% 100%;animation:bgPulse 20s ease-in-out infinite alternate;pointer-events:none}[data-theme=light] #root:before{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0l25.98 15v30L30 60 4.02 45V15z' fill-opacity='0.02' fill='%234f46e5' stroke='%234f46e5' stroke-width='1' stroke-opacity='0.06' /%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 10 Q 35 25, 50 10 T 80 10' stroke='%239333ea' stroke-width='2' fill='none' stroke-opacity='0.04'/%3E%3Cpath d='M20 30 Q 35 45, 50 30 T 80 30' stroke='%239333ea' stroke-width='2' fill='none' stroke-opacity='0.04'/%3E%3Cpath d='M20 50 Q 35 65, 50 50 T 80 50' stroke='%239333ea' stroke-width='2' fill='none' stroke-opacity='0.04'/%3E%3Cpath d='M20 70 Q 35 85, 50 70 T 80 70' stroke='%239333ea' stroke-width='2' fill='none' stroke-opacity='0.04'/%3E%3Cpath d='M20 90 Q 35 105, 50 90 T 80 90' stroke='%239333ea' stroke-width='2' fill='none' stroke-opacity='0.04'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='15' fill='%23db2777' fill-opacity='0.02' stroke='%23db2777' stroke-width='1' stroke-opacity='0.03'/%3E%3Ccircle cx='25' cy='25' r='8' fill='%23db2777' fill-opacity='0.02' stroke='%23db2777' stroke-width='1' stroke-opacity='0.02'/%3E%3Ccircle cx='55' cy='55' r='10' fill='%23db2777' fill-opacity='0.02' stroke='%23db2777' stroke-width='1' stroke-opacity='0.02'/%3E%3C/svg%3E"),radial-gradient(circle at 15% 50%,rgba(79,70,229,.08) 0%,transparent 40%),radial-gradient(circle at 85% 30%,rgba(147,51,234,.08) 0%,transparent 40%);background-size:60px 60px,100px 100px,80px 80px,100% 100%,100% 100%}@keyframes bgPulse{0%{background-position:0 0,0 0,0 0,0 0,0 0}to{background-position:30px 30px,50px 50px,40px 40px,0 0,0 0}}#root{width:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;justify-content:center;align-items:center;min-height:100vh}button{cursor:pointer;border:none;font-family:inherit;outline:none;-webkit-tap-highlight-color:transparent}.welcome-container{text-align:center;padding:2rem;width:100%;max-width:600px}.welcome-title{font-size:clamp(2rem,8vw,3.5rem);font-weight:800;margin-bottom:.5rem;letter-spacing:-1px;line-height:1;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=light] .welcome-title{background:linear-gradient(135deg,#4f46e5,#9333ea);-webkit-background-clip:text;background-clip:text;color:transparent}.welcome-subtitle{font-size:clamp(1rem,4vw,1.25rem);font-weight:500;color:var(--primary);letter-spacing:4px;text-transform:uppercase;margin-bottom:4rem;opacity:.9}.get-started-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:1.25rem 4rem;font-size:1.2rem;font-weight:700;border-radius:50px;box-shadow:0 10px 25px #6366f14d;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;max-width:320px}.get-started-btn:active{transform:scale(.95);box-shadow:0 5px 15px #6366f133}.auth-card{width:100%;max-width:450px;padding:2.5rem;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--glass-shadow)}.input-group{margin-bottom:1.25rem;text-align:left}.input-label{display:block;font-size:.9rem;margin-bottom:.5rem;color:var(--text-muted);font-weight:500}.auth-input,.auth-select{width:100%;padding:1rem;background:var(--input-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-color);font-size:1rem;transition:all .2s;box-sizing:border-box}.auth-input:focus,.auth-select:focus{border-color:var(--primary);background:var(--card-bg);outline:none}select option{color:#0f172a;background-color:#fff}select option:disabled{color:#64748b}.auth-btn{width:100%;padding:1rem;background:var(--primary);color:#fff;border-radius:12px;font-weight:600;margin-top:1rem;font-size:1rem;transition:all .2s}.auth-btn:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.7}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:1rem;width:100%;max-width:1500px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);display:flex;justify-content:space-around;padding:.75rem .5rem calc(.75rem + env(safe-area-inset-bottom));z-index:1000;max-width:1500px;margin:0 auto;border-left:1px solid var(--glass-border);border-right:1px solid var(--glass-border);border-radius:18px 18px 0 0;overflow:hidden}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--text-muted);background:none;font-size:.7rem;font-weight:600;transition:all .2s}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item:active{transform:scale(.9)}@media(max-width:480px){.courses-page{padding:1rem .75rem 6.5rem}.courses-semester-tabs{gap:.5rem!important;padding:.3rem!important;margin-bottom:1.25rem!important;border-radius:12px!important}.courses-semester-tabs button{padding:.7rem .45rem!important;font-size:.78rem!important;white-space:nowrap}.courses-grid{grid-template-columns:1fr!important;gap:.85rem!important}.courses-card{padding:1rem!important}.dashboard-page{padding:1rem .75rem 6.5rem}.dashboard-header{flex-direction:row;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem}.dashboard-welcome-group{gap:.65rem;min-width:0;flex:1}.dashboard-welcome-title{font-size:1.25rem!important;line-height:1.05!important;word-break:break-word}.dashboard-header-controls{gap:.5rem!important;flex-shrink:0}.dashboard-summary-grid{gap:.75rem}.dashboard-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.dashboard-quick-actions button{min-height:96px;padding:.85rem .5rem}.dashboard-quick-actions button span{font-size:.68rem}.dashboard-quick-actions button div{padding:.45rem}.dashboard-history-heading h3{font-size:.82rem!important}.dashboard-history-card{min-width:82vw!important}.dashboard-grid{grid-template-columns:1fr}}.secure-content{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s}.glass-card:active{transform:scale(.98)}button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(max-width:768px){body{font-size:16px}}@media(max-width:480px){.courses-page{padding:1rem .75rem 6.5rem}.courses-semester-tabs{gap:.5rem!important;padding:.3rem!important;margin-bottom:1.25rem!important;border-radius:12px!important}.courses-semester-tabs button{padding:.7rem .45rem!important;font-size:.78rem!important;white-space:nowrap}.courses-grid{grid-template-columns:1fr!important;gap:.85rem!important}.courses-card{padding:1rem!important}.dashboard-page{padding:1rem .75rem 6.5rem}.dashboard-header{flex-direction:row;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem}.dashboard-welcome-group{gap:.65rem;min-width:0;flex:1}.dashboard-welcome-title{font-size:1.25rem!important;line-height:1.05!important;word-break:break-word}.dashboard-header-controls{gap:.5rem!important;flex-shrink:0}.dashboard-summary-grid{gap:.75rem}.dashboard-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.dashboard-quick-actions button{min-height:96px;padding:.85rem .5rem}.dashboard-quick-actions button span{font-size:.68rem}.dashboard-quick-actions button div{padding:.45rem}.dashboard-history-heading h3{font-size:.82rem!important}.dashboard-history-card{min-width:82vw!important}.dashboard-grid{grid-template-columns:1fr}.auth-card{padding:1.5rem}.welcome-title{font-size:clamp(1.5rem,6vw,2.5rem)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hide-scrollbar{-ms-overflow-style:none;scrollbarWidth:none}.hide-scrollbar::-webkit-scrollbar{display:none}