@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--navy-950: #060d1a;--navy-900: #0b1628;--navy-800: #0f2040;--navy-700: #162a52;--teal-600: #0e7490;--teal-500: #0ea5c9;--teal-400: #22d3ee;--teal-300: #67e8f9;--violet-500: #8b5cf6;--violet-400: #a78bfa;--emerald-500: #10b981;--amber-400: #fbbf24;--rose-500: #f43f5e;--bg-base: #f0f4f8;--bg-card: #ffffff;--bg-subtle: #f8fafc;--border: #e2e8f0;--border-mid: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--sidebar-bg: var(--navy-900);--sidebar-hover: rgba(14, 165, 201, .12);--sidebar-text: #e2e8f0;--sidebar-accent: var(--teal-400);--shadow-sm: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);--shadow-md: 0 4px 12px rgba(15,23,42,.08), 0 2px 6px rgba(15,23,42,.05);--shadow-lg: 0 12px 32px rgba(15,23,42,.12), 0 4px 12px rgba(15,23,42,.06);--shadow-xl: 0 24px 56px rgba(15,23,42,.18);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--ease: .22s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.9375rem;line-height:1.6;color:var(--text-primary);background-color:var(--bg-base);background-image:radial-gradient(ellipse 900px 600px at 0% 0%,rgba(14,165,201,.07) 0%,transparent 60%),radial-gradient(ellipse 700px 500px at 100% 100%,rgba(139,92,246,.05) 0%,transparent 55%);background-attachment:fixed;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Inter,system-ui,sans-serif;line-height:1.3;color:var(--text-primary)}h1{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.025em}h2{font-size:1.125rem;font-weight:700}h3{font-size:1rem;font-weight:600}p{color:var(--text-secondary)}a{color:var(--teal-600);text-decoration:none;transition:color var(--ease)}a:hover{color:var(--teal-400)}.container{width:100%;min-height:100vh;display:flex;flex-direction:column}.tasks-page{padding:2rem 2rem 4rem 5.5rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.tasks-page>h1{width:min(980px,100%);text-align:left;padding-bottom:.75rem;border-bottom:2px solid var(--border);margin-bottom:.25rem}.sidebar{position:fixed;left:0;top:0;height:100vh;z-index:100;font-family:Inter,system-ui,sans-serif}.sidebar-shell{background:var(--sidebar-bg);width:3.75rem;height:100vh;border-radius:0 var(--radius-xl) var(--radius-xl) 0;padding:1.25rem 0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-shadow:4px 0 24px #060d1a2e;transition:width var(--ease);overflow:hidden;position:relative}.sidebar-shell:hover{width:13rem}.sidebar-logo{width:4.4rem;flex-shrink:0}.sidebar-logo img{width:100%;height:auto;object-fit:contain}.sidebar-list{list-style:none;display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:.5rem 0;position:absolute;top:5.5rem;left:0;gap:.1rem}.sidebar-item{text-decoration:none;color:var(--sidebar-text);width:100%;padding:.75rem 0 .75rem 1.1rem;cursor:pointer;display:flex;align-items:center;gap:.75rem;border-right:3px solid transparent;transition:background var(--ease),border-color var(--ease),color var(--ease);white-space:nowrap;font-size:.875rem;font-weight:500}.sidebar-item:hover,.sidebar-item.active{background:var(--sidebar-hover);border-right-color:var(--sidebar-accent);color:var(--teal-300)}.sidebar-item.active{background:#22d3ee14}.sidebar-icon{width:1.25rem;height:1.25rem;flex-shrink:0;color:inherit}.sidebar-text{opacity:0;width:0;overflow:hidden;transition:opacity var(--ease),width var(--ease);pointer-events:none}.sidebar-shell:hover .sidebar-text{opacity:1;width:auto}.sidebar-profile{width:100%;padding:.75rem .75rem 0;display:flex;flex-direction:column;gap:.5rem;overflow:hidden}.sidebar-profile.is-open{width:100%;margin-left:0}.sidebar-account{display:flex;align-items:center;gap:.6rem;overflow:hidden}.sidebar-account-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--teal-500),var(--violet-500));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.875rem;flex-shrink:0}.sidebar-details{display:none;flex-direction:column;overflow:hidden}.sidebar-shell:hover .sidebar-details{display:flex}.sidebar-name h4{font-size:.8rem;font-weight:600;color:var(--sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:8rem}.sidebar-role-tag{display:inline-block;background:#0ea5c92e;color:var(--teal-300);font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.15rem .45rem;border-radius:6px;margin-top:.15rem}.sidebar-logout-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border:1px solid rgba(244,63,94,.25);border-radius:var(--radius-sm);background:#f43f5e0d;color:#fca5a5;cursor:pointer;font-size:.8rem;font-weight:500;width:100%;transition:background var(--ease),color var(--ease);white-space:nowrap;overflow:hidden}.sidebar-logout-btn:hover{background:#f43f5e1f;color:#f87171}.sidebar-logout-btn span{opacity:0;width:0;overflow:hidden;transition:opacity var(--ease)}.sidebar-shell:hover .sidebar-logout-btn span{opacity:1;width:auto}.sidebar-toggle{display:none}.btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-card);border:1.5px solid var(--border-mid);color:var(--text-secondary);padding:.45em 1em;border-radius:999px;cursor:pointer;font-size:.825rem;font-weight:600;letter-spacing:.01em;text-decoration:none;transition:background var(--ease),border-color var(--ease),color var(--ease),box-shadow var(--ease),transform var(--ease);white-space:nowrap}.btn:hover{background:var(--bg-subtle);border-color:var(--teal-500);color:var(--teal-600);box-shadow:0 0 0 3px #0ea5c91a}.btn-add{background:linear-gradient(135deg,var(--teal-600),var(--teal-500));color:#fff;border-color:transparent;box-shadow:0 2px 8px #0ea5c94d}.btn-add:hover{background:linear-gradient(135deg,var(--teal-500),var(--teal-400));color:#fff;border-color:transparent;box-shadow:0 4px 14px #0ea5c966;transform:translateY(-1px)}.btn-danger{color:var(--rose-500);border-color:#f43f5e4d}.btn-danger:hover{background:#f43f5e0d;border-color:var(--rose-500);color:var(--rose-500)}.btn-clear{color:var(--teal-600);border-color:#0ea5c94d}.btn-clear:hover{background:#0ea5c90f;border-color:var(--teal-500)}.primary-btn{background:linear-gradient(135deg,var(--teal-600),var(--violet-500));border:none;color:#fff;padding:.85em 2em;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 4px 16px #0ea5c959;transition:transform var(--ease),box-shadow var(--ease)}.primary-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #0ea5c973}.task-card{position:relative;width:100%;max-width:460px;padding:1.5rem;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-lg);text-align:left;transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.6rem}.task-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);background:linear-gradient(135deg,#0ea5c90a,#8b5cf608);opacity:0;transition:opacity var(--ease);pointer-events:none}.task-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#0ea5c966}.task-card:hover:before{opacity:1}.task-card h2{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.task-card p{font-size:.85rem;margin:0}.tasks-grid{width:min(980px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;justify-items:center}@media (max-width: 900px){.tasks-grid{grid-template-columns:1fr}.tasks-page{padding-left:5rem;padding-right:1rem}}.tasks-actions{width:min(980px,100%);display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-start}.task-select{position:absolute;top:1rem;right:1rem;display:flex;cursor:pointer}.task-select-input{position:absolute;opacity:0;pointer-events:none}.task-select-control{width:1.1rem;height:1.1rem;border-radius:50%;border:2px solid var(--border-mid);background:var(--bg-card);transition:border-color var(--ease),background var(--ease)}.task-select-input:checked+.task-select-control{border-color:var(--teal-500);background:radial-gradient(circle at center,var(--teal-500) 45%,transparent 46%)}.status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2em .75em;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.01em}.status-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-pending{background:#fbbf241f;color:#b45309}.status-accepted{background:#10b9811f;color:#047857}.status-rejected{background:#f43f5e1f;color:#be123c}.status-submitted{background:#6366f11f;color:#4338ca}.status-reviewed{background:#8b5cf61f;color:#7c3aed}.task-card-top{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.task-card-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.type-badge{display:inline-block;padding:.2rem .65rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.type-badge.type-hw{background:#dbeafe;color:#1d4ed8}.type-badge.type-final{background:#fef9c3;color:#854d0e}.video-required-badge{display:inline-block;padding:.2rem .55rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;background:#fee2e2;color:#b91c1c}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060d1a8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{width:min(520px,92vw);background:var(--bg-card);border:1.5px solid rgba(14,165,201,.2);border-radius:var(--radius-xl);padding:2rem;position:relative;box-shadow:var(--shadow-xl),0 0 40px #0ea5c914;animation:modalAppear .28s cubic-bezier(.34,1.56,.64,1)}.modal-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-subtle);color:var(--text-muted);cursor:pointer;font-size:.9rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background var(--ease),color var(--ease)}.modal-close:hover{background:var(--teal-600);color:#fff}@keyframes modalAppear{0%{opacity:0;transform:translateY(-20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.form-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.task-form{display:flex;flex-direction:column;gap:1rem}.form-label{display:flex;flex-direction:column;gap:.35rem;font-size:.825rem;font-weight:600;color:var(--text-primary)}.form-input{padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--text-primary);font-size:.875rem;outline:none;transition:border-color var(--ease),box-shadow var(--ease);font-family:inherit}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--teal-500);box-shadow:0 0 0 3px #0ea5c91f;background:var(--bg-card)}.task-form button[type=submit],.task-form>button:last-child{margin-top:.5rem;background:linear-gradient(135deg,var(--teal-600),var(--teal-500));color:#fff;border:none;border-radius:999px;padding:.85rem;font-size:.875rem;font-weight:700;cursor:pointer;transition:transform var(--ease),box-shadow var(--ease);box-shadow:0 2px 10px #0ea5c94d}.task-form button[type=submit]:hover,.task-form>button:last-child:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0ea5c966}.form-hint{font-size:.78rem;color:var(--text-muted);font-weight:400}.form-error{font-size:.82rem;color:var(--rose-500);margin-top:.25rem}.required-mark{color:var(--rose-500)}.file-name-chip{display:inline-flex;align-items:center;gap:.3rem;background:var(--bg-subtle);color:var(--text-secondary);padding:.25rem .65rem;border-radius:var(--radius-sm);font-size:.8rem;border:1px solid var(--border)}.form-label-row{flex-direction:row!important;align-items:center;gap:.6rem}.form-label-row input[type=checkbox]{width:1rem;height:1rem}.type-toggle{display:flex;gap:.5rem;margin-top:.35rem}.type-toggle-btn{flex:1;padding:.55rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;font-size:.82rem;font-weight:600;color:var(--text-secondary);transition:all var(--ease)}.type-toggle-btn.active{background:var(--teal-600);color:#fff;border-color:var(--teal-600);box-shadow:0 2px 8px #0ea5c94d}.skills-picker{display:flex;flex-wrap:wrap;gap:.4rem}.skill-pick-btn{padding:.3rem .7rem;border:1.5px solid var(--border);border-radius:999px;background:var(--bg-card);font-size:.78rem;font-weight:500;cursor:pointer;color:var(--text-secondary);transition:all var(--ease)}.skill-pick-btn.selected{background:#0ea5c91a;color:var(--teal-600);border-color:var(--teal-500)}.section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.9rem;display:flex;align-items:center;gap:.5rem}.section-title:after{content:"";flex:1;height:1px;background:var(--border)}.login-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:#fff;padding:1.5rem;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(24,197,214,.18) 0%,transparent 70%);top:-250px;left:-200px;filter:blur(60px)}.login-page:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(15,79,122,.12) 0%,transparent 70%);bottom:-200px;right:-150px;filter:blur(60px)}.login-card{position:relative;z-index:2;background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(24,197,214,.15);border-radius:24px;padding:2.5rem;width:min(450px,100%);box-shadow:0 20px 50px #0f4f7a14,0 8px 20px #18c5d614}.login-title{width:100%}.login-subtitle{text-align:center;color:#64748b;margin-bottom:1.75rem}.login-card .form-label{color:#0f172a;font-weight:600}.login-card .form-input{background:#fff;border:1px solid #dbeafe;color:#0f172a}.login-card .form-input::placeholder{color:#94a3b8}.login-card .form-input:focus{border-color:#18c5d6;box-shadow:0 0 0 4px #18c5d626}.login-card button[type=submit]{width:100%;margin-top:.5rem;background:linear-gradient(135deg,#0f4f7a,#18c5d6);border:none;color:#fff;font-weight:700;padding:.95rem;border-radius:14px;transition:.25s ease}.login-card button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 12px 25px #18c5d640}.login-demo-box{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid #e2e8f0}.login-demo-box .form-hint{color:#64748b;margin-bottom:.75rem}.demo-accounts{display:flex;flex-direction:column;gap:.75rem}.demo-account-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:.9rem;text-align:left;cursor:pointer;transition:.25s ease}.demo-account-btn:hover{border-color:#18c5d6;background:#f0fdff;transform:translateY(-2px)}.demo-account-creds{display:block;margin-top:.35rem;font-size:.8rem;color:#64748b}.form-error{color:#ef4444;font-size:.9rem;margin-top:.5rem}.demo-accounts{display:flex;flex-direction:column;gap:.5rem;margin-top:.6rem}.demo-account-btn{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem .9rem;border:1px solid rgba(148,163,184,.15);border-radius:var(--radius-md);background:#ffffff0a;cursor:pointer;font-size:.8rem;color:#cbd5e1;transition:all var(--ease);text-align:left;font-family:inherit}.demo-account-btn:hover{background:#0ea5c91a;border-color:#0ea5c959;color:#e2e8f0}.demo-account-creds{font-size:.7rem;color:#475569;font-family:monospace}.dashboard-welcome{width:min(980px,100%);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--navy-800),var(--navy-700));border-radius:var(--radius-xl);padding:1.75rem 2rem;color:#fff;box-shadow:var(--shadow-lg),0 0 40px #0ea5c90f;border:1px solid rgba(14,165,201,.15);gap:1rem}.dashboard-welcome-text h2{font-size:1.35rem;font-weight:800;margin-bottom:.3rem;color:#fff}.dashboard-welcome-text p{color:#94a3b8;font-size:.875rem;margin:0}.dashboard-stats{width:min(980px,100%);display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 760px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}.dashboard-stat-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1rem;text-align:center;box-shadow:var(--shadow-sm);transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease)}.dashboard-stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#0ea5c959}.dashboard-stat-icon{font-size:1.4rem;display:block;margin-bottom:.5rem}.dashboard-stat-card h3{font-size:1.65rem;font-weight:800;background:linear-gradient(135deg,var(--teal-600),var(--teal-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.2rem}.dashboard-stat-card p{font-size:.78rem;font-weight:500;color:var(--text-muted);margin:0}.dashboard-section{width:min(980px,100%)}.dashboard-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.75rem}.score-ring{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.score-ring svg{width:90px;height:90px;transform:rotate(-90deg);overflow:visible}.circle-bg{fill:none;stroke:#ffffff1f;stroke-width:7}.circle{fill:none;stroke:var(--teal-400);stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(34,211,238,.5));transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.score-number{position:absolute;font-size:.95rem;font-weight:800;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.3)}.score-ring-sm svg{width:90px;height:90px}.scores-overall-card{width:min(980px,100%);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--navy-800),var(--navy-700));border-radius:var(--radius-xl);padding:1.75rem 2rem;color:#fff;box-shadow:var(--shadow-lg);border:1px solid rgba(14,165,201,.15);gap:1rem}.scores-overall-card h2{color:#fff;font-size:1.3rem;font-weight:800;margin-bottom:.3rem}.scores-overall-card p{color:#94a3b8;font-size:.875rem;margin:0}.scores-section{width:min(980px,100%)}.scores-skills-list{display:flex;flex-direction:column;gap:.8rem;margin-top:.75rem}.scores-skills-compact{margin-top:.75rem}.score-skill-row{display:flex;flex-direction:column;gap:.3rem}.score-skill-header{display:flex;justify-content:space-between;align-items:center}.score-skill-name{font-size:.85rem;font-weight:500;color:var(--text-primary)}.score-skill-value{font-size:.85rem;font-weight:700}.score-bar-track{width:100%;height:7px;background:var(--border);border-radius:999px;overflow:hidden}.score-bar-fill{height:100%;border-radius:999px;transition:width .7s cubic-bezier(.4,0,.2,1)}.profile-page{padding:2rem 2rem 4rem 5.5rem;display:flex;flex-direction:column;gap:1.25rem;max-width:calc(980px + 9.5rem)}.page-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.025em;color:var(--text-primary);padding-bottom:.75rem;border-bottom:2px solid var(--border)}.profile-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.75rem 2rem;border:1.5px solid var(--border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1rem;transition:box-shadow var(--ease),border-color var(--ease)}.profile-card:hover{box-shadow:var(--shadow-md);border-color:#0ea5c933}.profile-header-card{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.profile-name{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.profile-tagline{color:var(--text-secondary);margin-top:.35rem;font-size:.9rem}.profile-card .circle-bg{stroke:var(--border)}.profile-card .circle{filter:none}.profile-card .score-number{color:var(--text-primary)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-card{background:var(--bg-subtle);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;text-align:center;transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease)}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#0ea5c94d}.stat-card h3{font-size:1.5rem;font-weight:800;margin-bottom:.25rem;color:var(--teal-600)}.stat-card p{font-size:.8rem;color:var(--text-muted);font-weight:500}.stat-success h3{color:var(--emerald-500)}.stat-accent h3{color:var(--violet-500)}.featured-box{background:linear-gradient(135deg,var(--bg-subtle),#f0f9ff);border-left:4px solid var(--teal-500);padding:1.1rem 1.25rem;border-radius:var(--radius-md);transition:transform var(--ease)}.featured-box:hover{transform:scale(1.01)}.featured-box h4{font-weight:700;font-size:.95rem;margin-bottom:.25rem}.featured-box p{font-size:.85rem}.links{display:flex;gap:1.25rem;flex-wrap:wrap}.links a{display:inline-flex;align-items:center;gap:.4rem;color:var(--teal-600);font-weight:600;font-size:.875rem;padding:.4rem .9rem;border-radius:var(--radius-sm);border:1.5px solid rgba(14,165,201,.25);transition:all var(--ease)}.links a:hover{background:#0ea5c914;border-color:var(--teal-500);color:var(--teal-500);transform:translateY(-1px)}.badge{padding:.25rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.badge-primary{background:var(--teal-600);color:#fff}.badge-secondary{background:var(--navy-700);color:#e2e8f0}.company-filters{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem;width:min(980px,100%)}.company-search{flex:1;min-width:200px;padding:.7rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;outline:none;background:var(--bg-card);color:var(--text-primary);font-family:inherit;transition:border-color var(--ease),box-shadow var(--ease)}.company-search:focus{border-color:var(--teal-500);box-shadow:0 0 0 3px #0ea5c91a}.filter-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.filter-tab{padding:.5rem 1rem;border:1.5px solid var(--border);border-radius:999px;background:var(--bg-card);cursor:pointer;font-size:.82rem;font-weight:600;color:var(--text-secondary);transition:all var(--ease);font-family:inherit}.filter-tab:hover{background:var(--bg-subtle);border-color:var(--border-mid)}.filter-tab.active{background:var(--teal-600);color:#fff;border-color:var(--teal-600);box-shadow:0 2px 8px #0ea5c94d}.students-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;width:min(980px,100%)}.student-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);border:1.5px solid var(--border);position:relative;transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease)}.student-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#0ea5c94d}.student-rank{position:absolute;top:1rem;right:1rem}.medal{font-size:1.4rem}.rank-num{color:var(--text-muted);font-weight:700;font-size:.85rem}.student-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--teal-600),var(--violet-500));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:800;margin-bottom:.9rem}.student-name{font-size:1.05rem;margin:0 0 .2rem;color:var(--text-primary);font-weight:700}.student-tagline{color:var(--text-muted);font-size:.83rem;margin:0 0 .7rem}.student-meta{display:flex;gap:.4rem;margin-bottom:.9rem;flex-wrap:wrap}.meta-badge{background:var(--bg-subtle);padding:.2rem .65rem;border-radius:999px;font-size:.75rem;color:var(--text-secondary);border:1px solid var(--border);font-weight:500}.student-score-row{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:.3rem;font-weight:500}.student-score-val{font-weight:700;color:var(--text-primary)}.student-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.9rem}.student-stat{background:var(--bg-subtle);padding:.5rem;border-radius:var(--radius-sm);text-align:center;border:1px solid var(--border)}.student-stat strong{display:block;font-size:1rem;font-weight:800;color:var(--teal-600)}.student-stat span{font-size:.72rem;color:var(--text-muted)}.student-skills{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.9rem}.skill-tag{background:#0ea5c914;padding:.18rem .55rem;border-radius:999px;font-size:.72rem;color:var(--teal-600);font-weight:600;border:1px solid rgba(14,165,201,.15)}.skill-more{background:var(--bg-subtle);color:var(--text-muted);border-color:var(--border)}.student-links{display:flex;gap:.5rem;flex-wrap:wrap}.evaluation-card{width:min(900px,100%)}.evidence-links{display:flex;gap:.5rem;flex-wrap:wrap;margin:.75rem 0}.evaluation-skills-list{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.evaluation-skill-row{display:grid;grid-template-columns:160px 1fr 60px 1fr;align-items:center;gap:.75rem}.evaluation-skill-name{font-weight:600;color:var(--text-primary);font-size:.875rem}.evaluation-skill-score{font-weight:700;color:var(--teal-600);text-align:center}.evaluation-comment-input{margin:0!important}.evaluation-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}@media (max-width: 700px){.evaluation-skill-row{grid-template-columns:1fr;gap:.4rem}}.task-detail-header{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;width:min(980px,100%)}.role-switcher{display:flex;flex-direction:column;gap:.3rem;padding:.6rem;margin-bottom:.5rem;border-bottom:1px solid var(--border)}.role-switch-btn{display:flex;align-items:center;gap:.6rem;padding:.45rem .6rem;border-radius:var(--radius-sm);border:none;background:transparent;cursor:pointer;font-size:.83rem;color:var(--text-secondary);transition:all var(--ease);font-family:inherit}.role-switch-btn:hover{background:var(--bg-subtle)}.role-switch-btn.active{background:var(--teal-600);color:#fff}.role-emoji{font-size:1rem}.showcase-card{position:relative;border-color:var(--amber-400)}.showcase-badge{position:absolute;top:.9rem;right:.9rem;background:var(--amber-400);color:#78350f;font-size:.68rem;font-weight:700;padding:.18rem .55rem;border-radius:var(--radius-sm)}.eval-row{display:flex;align-items:center;gap:.5rem;font-size:.8rem;background:var(--bg-subtle);padding:.4rem .65rem;border-radius:var(--radius-sm);flex-wrap:wrap;border:1px solid var(--border)}.eval-skill{font-weight:600;color:var(--text-primary);min-width:110px}.eval-score{color:var(--teal-600);font-weight:700}.eval-comment{color:var(--text-muted);flex:1}.student-profile-header{display:flex;gap:1.5rem;align-items:flex-start;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;width:min(980px,100%);flex-wrap:wrap;box-shadow:var(--shadow-sm)}.student-profile-info{flex:1;min-width:200px}.student-profile-score{text-align:center;min-width:100px}.score-big{font-size:2.1rem;font-weight:800;color:var(--teal-600)}.student-avatar-lg{width:90px;height:90px;font-size:2.1rem}.text{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100vh;gap:1.25rem}.text h1{font-family:Inter,sans-serif;font-size:clamp(2.2rem,6vw,4.5rem);font-weight:900;letter-spacing:-.04em;background:linear-gradient(135deg,var(--teal-300) 0%,var(--teal-400) 40%,var(--violet-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(34,211,238,.25))}.text p{font-family:Inter,sans-serif;font-size:clamp(.9rem,2vw,1.1rem);font-weight:400;color:#94a3b8;line-height:1.8;max-width:480px;margin-bottom:.5rem}.image{position:absolute;top:0;right:0;bottom:0;left:0;width:160px;aspect-ratio:4/3;object-fit:contain;pointer-events:none;opacity:0;border-radius:0;box-shadow:none;background:transparent}@media (max-width: 900px){.image{width:100px}.text p{max-width:90vw}}.icon{background:none;border:none;cursor:pointer;color:var(--teal-500);transition:color var(--ease)}.icon:hover{color:var(--violet-400)}.navbar{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card)}.submission-task-title{margin-bottom:1rem;text-align:center;color:var(--text-primary)}.task-skills{margin:.5rem 0 1rem;padding-left:1.2rem}.task-skills li{color:var(--text-secondary);margin-bottom:.25rem}.gh-page{position:relative;min-height:100vh;background:#fff;overflow:hidden;font-family:Segoe UI,IBM Plex Sans,sans-serif}.gh-blobs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.gh-blob{position:absolute;border-radius:50%;filter:blur(60px)}.gh-blob-1{width:700px;height:700px;top:-260px;left:-220px;background:radial-gradient(circle,rgba(34,211,238,.18) 0%,transparent 70%)}.gh-blob-2{width:620px;height:620px;bottom:-220px;right:-180px;background:radial-gradient(circle,rgba(15,79,122,.12) 0%,transparent 70%)}.gh-blob-3{width:260px;height:260px;top:18%;right:18%;background:radial-gradient(circle,rgba(34,211,238,.22) 0%,transparent 70%)}.gh-blob-4{width:220px;height:220px;bottom:22%;left:8%;background:radial-gradient(circle,rgba(34,211,238,.18) 0%,transparent 70%)}.gh-nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.1rem 3rem}.gh-nav-logo{display:flex;align-items:center;gap:.5rem}.gh-logo-mark{width:90px;margin-right:-50px}.gh-logo-word{width:200px}.gh-nav-links{display:flex;align-items:center;gap:2.1rem;list-style:none;margin:0;padding:0}.gh-nav-logo{text-decoration:none}.gh-nav-links a{text-decoration:none;background:none;border:none;font-size:.95rem;font-weight:500;color:#475569;cursor:pointer;padding:.3rem 0;position:relative}.gh-nav-links a.active{color:#0f172a;font-weight:600}.gh-nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:#22d3ee;border-radius:2px}.gh-nav-actions{display:flex;align-items:center;gap:.75rem}.gh-btn-ghost{background:#fff;border:1px solid #e2e8f0;color:#0f172a;font-weight:600;font-size:.9rem;padding:.6rem 1.3rem;border-radius:10px;cursor:pointer;margin-bottom:30px;transition:all .18s ease}.gh-btn-ghost:hover{border-color:#94a3b8;background:#f8fafc}.gh-btn-primary{background:linear-gradient(135deg,#0f4f7a,#18c5d6);border:none;color:#fff;font-weight:600;font-size:.9rem;padding:.65rem 1.4rem;margin-bottom:30px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;box-shadow:0 8px 20px #18c5d640;transition:transform .18s ease,box-shadow .18s ease}.gh-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 26px #18c5d652}.gh-btn-lg{padding:.95rem 2rem;font-size:1rem;border-radius:14px}.gh-hero{position:relative;z-index:2;text-align:center;padding:2.5rem 1.5rem 0}.gh-badge{display:inline-flex;align-items:center;gap:1rem;background:#22d3ee14;border:1px solid rgba(34,211,238,.25);border-radius:999px;padding:.4rem 1rem;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:#0891b2;margin-bottom:3rem}.gh-badge .dot{width:8px;height:8px;border-radius:50%;background:#22d3ee}.gh-headline{font-size:clamp(2.1rem,4.4vw,3.2rem);font-weight:800;letter-spacing:-.01em;color:#0f172a;margin:0 0 2rem;line-height:1.15}.gh-grad-text{background:linear-gradient(135deg,#0f4f7a,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}.gh-subtext{color:#475569;font-size:1.08rem;line-height:1.7;max-width:560px;margin:0 auto 3rem}.gh-stage{position:relative;max-width:1400px;margin:0 auto;padding:0 300px 2.5rem;min-height:560px}.gh-laptop{position:relative;z-index:3;max-width:760px;margin:0 auto}.gh-laptop-screen{background:#0b1320;border-radius:16px 16px 4px 4px;padding:10px 10px 0;box-shadow:0 30px 60px #0f172a40}.gh-laptop-base{height:16px;background:linear-gradient(180deg,#cbd5e1,#94a3b8);border-radius:0 0 10px 10px;margin:0 -8px;box-shadow:0 10px 16px #0f172a26}.gh-dash{background:#f4f7fb;border-radius:8px 8px 0 0;overflow:hidden;font-size:.62rem;text-align:left}.gh-dash-topbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e7ebf0;padding:.5rem .8rem}.gh-dash-brand{display:flex;align-items:center;gap:.3rem;font-weight:800;font-size:.72rem;color:#0f172a}.gh-dash-brand img{height:14px}.gh-dash-brand span.accent{color:#18c5d6}.gh-dash-topbar-icons{display:flex;gap:.4rem;color:#94a3b8}.gh-dash-body{display:flex}.gh-dash-sidebar{width:110px;background:#fff;border-right:1px solid #e7ebf0;padding:.6rem .5rem;display:flex;flex-direction:column;gap:.25rem}.gh-dash-nav-item{display:flex;align-items:center;gap:.35rem;padding:.32rem .4rem;border-radius:6px;color:#64748b;font-weight:500}.gh-dash-nav-item.active{background:#e6f7fa;color:#0e7490;font-weight:700}.gh-dash-main{flex:1;padding:.7rem .8rem;background:#f4f7fb}.gh-dash-main-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.gh-dash-main-head h4{margin:0;font-size:.78rem;font-weight:700;color:#0f172a}.gh-dash-new-btn{background:#e6f7fa;color:#0891b2;border:none;border-radius:6px;padding:.25rem .55rem;font-size:.6rem;font-weight:700}.gh-dash-projects{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;margin-bottom:3rem}.gh-project-card{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e7ebf0;box-shadow:0 2px 6px #0f172a0a}.gh-project-thumb{width:100%;height:38px;object-fit:cover;display:block;background:#eef2f6}.gh-project-info{padding:.35rem .4rem .45rem}.gh-project-info strong{display:block;font-size:.6rem;color:#0f172a;margin-bottom:.1rem}.gh-project-info span.tech{display:block;font-size:.52rem;color:#94a3b8;margin-bottom:.3rem}.gh-pill{display:inline-block;font-size:.5rem;font-weight:700;padding:.08rem .35rem;border-radius:5px}.gh-pill.accepted{background:#dcfce7;color:#15803d}.gh-pill.review{background:#fef3c7;color:#92400e}.gh-dash-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:.45rem}.gh-dash-panel{background:#fff;border:1px solid #e7ebf0;border-radius:8px;padding:.5rem .6rem}.gh-dash-panel h5{margin:0 0 .4rem;font-size:.62rem;color:#0f172a;display:flex;justify-content:space-between}.gh-activity-row{display:flex;align-items:flex-start;gap:.3rem;margin-bottom:.3rem;font-size:.56rem;color:#475569}.gh-activity-row .when{margin-left:auto;color:#b0bac4;white-space:nowrap}.gh-completion-pct{font-size:1.1rem;font-weight:800;color:#0f172a}.gh-completion-bar{height:5px;background:#e7ebf0;border-radius:99px;margin:.35rem 0 .4rem;overflow:hidden}.gh-completion-bar-fill{height:100%;width:85%;background:linear-gradient(90deg,#0f4f7a,#22d3ee);border-radius:99px}.gh-completion-note{font-size:.54rem;color:#94a3b8;line-height:1.4;margin-bottom:20px}.gh-float-card{position:absolute;z-index:4;width:250px;background:#ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.6);border-radius:16px;padding:1rem 1.1rem;box-shadow:0 16px 40px #0f172a1a;text-align:left;animation:floatCard 6s ease-in-out infinite}.gh-float-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.gh-float-head-title{display:flex;align-items:center;gap:.4rem;font-weight:700;font-size:.85rem;color:#0f172a}.gh-float-head-title svg{color:#0891b2}.gh-float-dots{display:flex;gap:.25rem}.gh-float-dots span{width:5px;height:5px;border-radius:50%;background:#cbd5e1}.gh-float-card-about{top:4%;left:12px;margin-top:-10rem;animation-delay:0s}.gh-float-card-students{top:48%;left:12px;animation-delay:1.2s}.gh-float-card-whatwedo{top:2%;right:12px;margin-top:-10rem;animation-delay:2.4s}.gh-float-card-companies{top:50%;right:12px;animation-delay:3.6s}.gh-about-icon{width:46px;height:46px;border-radius:50%;background:#eef6fb;display:flex;align-items:center;justify-content:center;color:#0f4f7a;margin:0 auto .7rem}.gh-float-card p{font-size:.78rem;color:#64748b;line-height:1.55;text-align:center;margin:0}.gh-float-list{display:flex;flex-direction:column;gap:.55rem}.gh-float-list-item{display:flex;align-items:center;gap:.55rem;font-size:.8rem;font-weight:600;color:#1e293b}.gh-float-list-item .ico{width:28px;height:28px;border-radius:8px;background:#eef6fb;color:#0f4f7a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gh-feature-item{display:flex;gap:.6rem;margin-bottom:.8rem}.gh-feature-item:last-child{margin-bottom:0}.gh-feature-item .ico{width:34px;height:34px;border-radius:9px;background:#eef6fb;color:#0f4f7a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gh-feature-item strong{display:block;font-size:.82rem;color:#0f172a;margin-bottom:.15rem}.gh-feature-item span{font-size:.74rem;color:#64748b;line-height:1.45}@keyframes floatCard{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.gh-trust{position:relative;z-index:2;text-align:center;padding:0 1.5rem 3.5rem}.gh-trust>p{color:#94a3b8;font-size:.9rem;margin-bottom:1.6rem}.gh-trust-logos{display:flex;align-items:center;justify-content:center;gap:2.8rem;flex-wrap:wrap}.gh-trust-logo{display:flex;align-items:center;gap:.5rem;opacity:.85}.gh-trust-logo .tl-text strong{display:block;font-size:.95rem;color:#1e293b;line-height:1.1}.gh-trust-logo .tl-text span{display:block;font-size:.55rem;letter-spacing:.06em;color:#94a3b8;font-weight:600}.gh-trust-logo.gh-90soft .tl-text strong{font-size:1.5rem;font-weight:800;color:#1d4ed8}@media (max-width: 1300px){.gh-stage{padding:0 230px 4rem}.gh-float-card{width:210px;padding:.8rem .9rem}}@media (max-width: 1080px){.gh-float-card{display:none}.gh-stage{padding:0 1rem 3rem}}@media (max-width: 860px){.gh-nav-links{display:none}.gh-nav{padding:1rem 1.25rem}.gh-dash-sidebar{display:none}.gh-dash-projects{grid-template-columns:repeat(2,1fr)}.gh-dash-bottom{grid-template-columns:1fr}}@media (max-width: 560px){.gh-trust-logos{gap:1.4rem 1.8rem}.gh-nav-actions .gh-btn-ghost{display:none}}.gh-footer{position:relative;z-index:2;border-top:1px solid #e7ebf0;background:#f8fafc;padding:3rem 3rem 1.5rem}.gh-footer-top{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem}.gh-footer-brand p{margin-top:.9rem;color:#64748b;font-size:.85rem;line-height:1.65;max-width:320px}.gh-footer-col{display:flex;flex-direction:column;gap:.65rem}.gh-footer-col h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin:0 0 .3rem;font-weight:700}.gh-footer-col a,.gh-footer-contact{color:#334155;text-decoration:none;font-size:.88rem;display:flex;align-items:center;gap:.4rem}.gh-footer-col a:hover{color:#0891b2}.gh-footer-bottom{max-width:1180px;margin:2.5rem auto 0;padding-top:1.25rem;border-top:1px solid #e7ebf0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;color:#94a3b8;font-size:.8rem}@media (max-width: 860px){.gh-footer{padding:2.5rem 1.5rem 1.5rem}.gh-footer-top{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.gh-footer-top{grid-template-columns:1fr}}.gh-simple-hero{position:relative;z-index:2;text-align:center;padding:3rem 1.5rem 2.5rem;max-width:720px;margin:0 auto}.gh-simple-hero h1{font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:800;color:#0f172a;margin:0 0 .85rem;letter-spacing:-.01em}.gh-simple-hero p{color:#475569;font-size:1.02rem;line-height:1.7}.gh-section{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:0 1.5rem 4rem}.gh-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.4rem}.gh-project-card-lg{background:#fff;border:1px solid #e7ebf0;border-radius:16px;overflow:hidden;box-shadow:0 4px 14px #0f172a0d;transition:transform .2s ease,box-shadow .2s ease}.gh-project-card-lg:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0f172a1a}.gh-project-card-lg img{width:100%;height:150px;object-fit:cover;display:block;background:#eef2f6}.gh-project-card-lg-body{padding:1rem 1.1rem 1.2rem}.gh-project-card-lg-body h3{margin:0 0 .3rem;font-size:1.02rem;color:#0f172a}.gh-project-card-lg-body .tech{display:block;font-size:.78rem;color:#94a3b8;margin-bottom:.65rem}.gh-projects-cta{text-align:center;margin-top:2.5rem}.gh-projects-cta p{color:#64748b;margin-bottom:1rem}.gh-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-bottom:3rem}.gh-value-card{background:#fff;border:1px solid #e7ebf0;border-radius:16px;padding:1.6rem 1.4rem;text-align:center}.gh-value-card .ico{width:52px;height:52px;border-radius:14px;background:#eef6fb;color:#0f4f7a;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.gh-value-card h3{margin:0 0 .4rem;font-size:1.02rem;color:#0f172a}.gh-value-card p{font-size:.86rem;color:#64748b;line-height:1.6;margin:0}.gh-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin:2.5rem 0 3.5rem}.gh-stat-block{text-align:center;background:#fff;border:1px solid #e7ebf0;border-radius:16px;padding:1.4rem 1rem}.gh-stat-block strong{display:block;font-size:1.9rem;font-weight:800;background:linear-gradient(135deg,#0f4f7a,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}.gh-stat-block span{font-size:.82rem;color:#64748b}.gh-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.gh-about-grid p{color:#475569;line-height:1.75;margin-bottom:1rem}.gh-about-roles{display:flex;flex-direction:column;gap:1rem}.gh-about-role-card{background:#fff;border:1px solid #e7ebf0;border-radius:14px;padding:1rem 1.2rem;display:flex;gap:.8rem;align-items:flex-start}.gh-about-role-card .ico{width:38px;height:38px;border-radius:10px;background:#eef6fb;color:#0f4f7a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gh-about-role-card strong{display:block;font-size:.92rem;color:#0f172a;margin-bottom:.15rem}.gh-about-role-card span{font-size:.82rem;color:#64748b;line-height:1.5}.gh-how-tabs{display:flex;justify-content:center;gap:.6rem;margin-bottom:2.5rem;flex-wrap:wrap}.gh-how-tab{border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:.5rem 1.2rem;font-size:.88rem;font-weight:600;color:#475569;cursor:pointer;transition:all .18s ease}.gh-how-tab.active{background:linear-gradient(135deg,#0f4f7a,#18c5d6);border-color:transparent;color:#fff}.gh-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.gh-step-card{background:#fff;border:1px solid #e7ebf0;border-radius:16px;padding:1.4rem 1.2rem;position:relative}.gh-step-num{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#0f4f7a,#22d3ee);color:#fff;font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;margin-bottom:.9rem}.gh-step-card h3{font-size:.95rem;color:#0f172a;margin:0 0 .4rem}.gh-step-card p{font-size:.84rem;color:#64748b;line-height:1.6;margin:0}@media (max-width: 900px){.gh-value-grid,.gh-stats-row{grid-template-columns:repeat(2,1fr)}.gh-about-grid{grid-template-columns:1fr}.gh-steps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 540px){.gh-value-grid,.gh-stats-row,.gh-steps-grid{grid-template-columns:1fr}}