@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary: #6366f1;--secondary: #f59e0b;--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .7);--text-main: #f8fafc;--text-muted: #94a3b8;--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--accent-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--container-padding: clamp(1rem, 5vw, 2.5rem);--section-padding: clamp(4rem, 10vw, 8rem);--h1: clamp(2.5rem, 8vw, 4.5rem);--h2: clamp(2rem, 6vw, 3rem);--h3: clamp(1.25rem, 4vw, 1.75rem)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-main);line-height:1.2;margin-bottom:1rem;overflow-wrap:break-word;word-break:break-word;max-width:100%}.app{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.container{max-width:1400px;margin:0 auto;padding:0 var(--container-padding)}.glass{background:#0f172ae6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px}h1{font-size:var(--h1);line-height:1.2}h2{font-size:var(--h2);line-height:1.3}h3{font-size:var(--h3);line-height:1.4}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1.5rem;min-height:44px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;font-size:1rem;font-family:inherit;text-decoration:none}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.btn-outline{background:transparent;border:1px solid var(--glass-border);color:var(--text-main)}.btn-outline:hover{background:var(--glass);border-color:var(--primary)}.hero{min-height:calc(100vh - 80px);display:flex;align-items:center;position:relative;overflow:hidden;width:100%}@media(max-width:768px){.hero{padding-top:3.5rem;padding-bottom:3.5rem;min-height:auto;align-items:flex-start}.hero .container>div{flex-direction:column!important;text-align:center;gap:2.5rem!important}}.hero:before{content:"";position:absolute;top:-10%;right:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);z-index:-1}.hero-content{flex:1}@media(max-width:768px){.hero-content{margin-bottom:3rem}}.hero h1{font-size:var(--h1);line-height:1.1}.hero p{font-size:1.25rem;color:var(--text-muted);margin-bottom:2.5rem;max-width:600px}@media(max-width:768px){.hero p{margin-left:auto;margin-right:auto}.hero-actions-group{margin-top:4rem!important}}.features{padding:8rem 0;width:100%;overflow:hidden}@media(max-width:768px){.features{padding:3rem 0 6rem!important}}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:4rem}.feature-card{padding:var(--container-padding);transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.icon-wrapper{width:48px;height:48px;border-radius:12px;background:#6366f11a;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--primary)}.profile-container{position:relative;cursor:pointer}.profile-trigger{display:flex;align-items:center;gap:.8rem;padding:.4rem;border-radius:50px;transition:background .3s ease}.profile-trigger:hover{background:#ffffff0d}.avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #7928ca4d}.dropdown-menu{position:absolute;top:calc(100% + 15px);right:0;width:280px;padding:1.5rem;z-index:1000;transform-origin:top right;line-height:1.4;background:#1e293b!important;box-shadow:0 20px 40px #0006}.dropdown-header{margin-bottom:1.5rem;border-bottom:1px solid var(--glass-border);padding-bottom:1rem}.dropdown-name{font-weight:700;font-size:1.1rem;display:block;margin-bottom:.3rem;color:var(--text-main);line-height:1.2}.dropdown-email{color:var(--text-muted);font-size:.85rem;display:block;line-height:1.2}.dropdown-item{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;border-radius:12px;color:var(--text-main);text-decoration:none;transition:all .2s ease;width:100%;background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:.95rem;text-align:left;line-height:1.4}.dropdown-item:hover{background:#ffffff0d;transform:translate(5px)}.dropdown-item.logout{color:#ff4b4b;margin-top:.5rem}.dropdown-item.logout:hover{background:#ff4b4b1a}.navbar{position:sticky;top:0;z-index:100;background:#0a0a0ccc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);width:100%}.navbar-content{display:flex;justify-content:space-between;align-items:center;padding:.75rem var(--container-padding)}@media(max-width:768px){.desktop-only{display:none!important}}@media(min-width:769px){.mobile-only{display:none!important}}.auth-card{padding:clamp(1.5rem,5vw,3rem);width:100%;max-width:450px}.profile-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem}@media(max-width:768px){.profile-grid{grid-template-columns:1fr;gap:1.5rem}}.academic-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:3rem}@media(max-width:768px){.academic-header{flex-direction:column;text-align:center;gap:1rem;margin-bottom:2rem}}.portal-grid{display:grid;grid-template-columns:340px 1fr;gap:2.5rem;padding:2.5rem var(--container-padding) 5rem;width:100%}@media(max-width:1024px){.portal-grid{grid-template-columns:1fr;padding:1.5rem var(--container-padding) 4rem}}.portal-sidebar{height:fit-content;max-height:calc(100vh - 150px);overflow-y:auto;padding:1.5rem;position:sticky;top:100px}.admin-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem}.log-table-row{display:grid;grid-template-columns:200px 120px 180px 85px 85px 85px 85px 40px;gap:1rem;align-items:center;min-width:970px}@media(min-width:1200px){.log-table-row{grid-template-columns:1.5fr .8fr 1.5fr .8fr 1fr 1fr .8fr 40px;min-width:auto}}.log-table-row>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-table-container::-webkit-scrollbar{height:6px}.admin-table-container::-webkit-scrollbar-track{background:#ffffff0d}.admin-table-container::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}.mobile-portal-button{position:fixed;bottom:2rem;right:1.5rem;z-index:900;box-shadow:0 10px 25px #6366f166}.exam-lab-layout{display:flex;flex-direction:column;gap:0;padding:0;max-width:1400px;margin:0 auto;min-height:100vh}.exam-lab-sidebar{width:100%;background:#ffffff05;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-bottom:1px solid var(--glass-border)}.exam-lab-content{flex:1;padding:2rem;min-width:0}@media(min-width:1200px){.exam-lab-layout{flex-direction:row;height:100vh;overflow:hidden}.exam-lab-sidebar{width:380px;flex-shrink:0;border-right:1px solid var(--glass-border);border-bottom:none;overflow-y:auto}.exam-lab-content{overflow-y:auto}}.exam-content-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;padding:1.5rem!important;margin-bottom:2rem!important;border-radius:16px;border:1px solid var(--glass-border)}.exam-content-header h2{font-size:clamp(1.4rem,5vw,2.1rem);font-weight:800;margin-bottom:.4rem;letter-spacing:-.02em;white-space:normal!important;line-height:1.2}@media(min-width:768px){.exam-content-header{padding:2rem!important;gap:2rem;margin-bottom:2.5rem!important}}.portal-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;width:100%}@media(max-width:600px){.portal-card-grid{grid-template-columns:1fr}}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}@media(max-width:768px){.options-grid{grid-template-columns:1fr}.portal-welcome-card{padding:1.5rem!important}}.portal-welcome-card{padding:4rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:100%;box-sizing:border-box;margin:0 auto}.portal-header-responsive{transition:all .3s ease}@media(max-width:768px){.portal-header-responsive{flex-direction:column!important;align-items:stretch!important;text-align:center;gap:2rem!important}}.portal-action-group{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}@media(max-width:768px){.portal-action-group{flex-direction:column;align-items:stretch;width:100%;gap:.8rem}.portal-action-group button{width:100%;justify-content:center}}