:root{--gtc-blue: #0b4f8a;--gtc-green: #0b8a4f;--accent-light: #f2f6fb;--text: #0e0e10;--muted: #6b7280;--border: #e5e7eb;--white: #ffffff;--device-max: 520px;--key-size: clamp(16px, 2vw, 26px);--key-gap: clamp(4px, .7vw, 6px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:var(--white)}.container{width:min(1120px,92%);margin:0 auto}.section{padding:80px 0}.section__title{font-size:28px;margin:0 0 24px}.muted{color:var(--muted)}.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);background:#ffffffb3;border-bottom:1px solid var(--border)}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-weight:800;font-size:20px;text-decoration:none;letter-spacing:.3px}.logo__griffin{color:var(--gtc-blue)}.logo__dot{color:var(--text);margin:0 2px}.logo__dev{color:var(--white);background:var(--text);padding:2px 6px;border-radius:8px}.nav__links a{color:var(--text);text-decoration:none;margin-left:20px;opacity:.8}.nav__links a:hover{opacity:1;color:var(--gtc-blue)}.director__grid{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:start}.director__photo img{width:100%;max-width:220px;border-radius:12px;box-shadow:0 4px 10px #0000000f}.director h2,.tutor .director__info>h2{margin:0 0 6px;font-size:16px;text-transform:uppercase;letter-spacing:.12em;color:var(--gtc-green)}.director__info{display:flex;flex-direction:column;gap:8px}.director__name{margin:0;font-size:1.25rem;font-weight:700;color:var(--gtc-blue)}.director__info p,.director__info li{font-size:.9rem;line-height:1.4;margin:0}.keypoints{padding-left:18px;margin:6px 0}.keypoints li{margin-bottom:4px}.contactDetails{font-size:.85rem;font-style:italic;color:#555}.tutor__title{font-size:2rem;font-weight:800;color:#000;margin:0 0 1rem}.tutorOptions{display:grid;grid-template-columns:1fr;gap:14px;margin-top:18px}@media (min-width: 820px){.tutorOptions{grid-template-columns:repeat(2,1fr)}}.tutorCard{border:1px solid #e5e7eb;background:#fff;border-radius:14px;padding:14px;box-shadow:0 6px 14px #0000000a;display:grid;gap:10px}.tutorCard__head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.tutorCard__head h4{margin:0;font-size:1.05rem;font-weight:700}.tutorCard__time{font-size:.85rem;color:#6b7280}.tutorCard__qr{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.qrFrame{padding:8px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;box-shadow:0 4px 12px #0000000f}.btn.btn--sm{padding:.45rem .7rem;font-size:.9rem;display:inline-flex;align-items:center;gap:.4rem}.tutor__note{margin-top:10px;font-size:.9rem;color:#374151}.hero--xl{position:relative;padding:110px 0 90px;background:radial-gradient(800px 420px at 15% -120px,rgba(11,79,138,.12),transparent 60%),radial-gradient(900px 520px at 85% -160px,rgba(11,79,138,.08),transparent 60%),linear-gradient(180deg,var(--accent-light),#fff 55%)}.hero__content{display:grid;grid-template-columns:280px 1fr;gap:36px;align-items:center}.hero__avatar{position:relative;width:260px;height:260px;display:grid;place-items:center;margin-inline:auto}.hero__avatar img{width:220px;height:220px;border-radius:50%;border:8px solid #fff;box-shadow:0 16px 36px #0b4f8a2e;object-fit:cover}.hero__ring{position:absolute;width:260px;height:260px;border-radius:50%;background:conic-gradient(from 0deg,rgba(11,79,138,.25),transparent 40%,rgba(11,79,138,.25));filter:blur(.4px);animation:spin 9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero__eyebrow{margin:0 0 8px;font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;color:#527aa2}.hero__headline{margin:0 0 12px;font-size:clamp(42px,6.2vw,72px);line-height:1.02;letter-spacing:.2px}.hero__headline .hi{color:#0f172a}.hero__headline .griffin{color:var(--gtc-blue)}.hero__sub{margin:0 0 18px;color:#374151;max-width:68ch;font-size:1.1rem}.hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 14px}.hero__chips{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:8px 0 0;list-style:none}.hero__chips li{padding:6px 10px;font-weight:600;border:1px solid var(--border);border-radius:999px;background:#fff;box-shadow:0 6px 14px #0000000a}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;font-weight:800;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.btn--primary{background:var(--gtc-blue);color:#fff;box-shadow:0 12px 26px #0b4f8a40;border:1px solid rgba(255,255,255,.14)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px #0b4f8a52}.btn--ghost{background:#fff;color:var(--gtc-blue);border:1px solid rgba(11,79,138,.25)}.btn--ghost:hover{transform:translateY(-2px);box-shadow:0 12px 22px #0b4f8a24}@media (max-width: 980px){.hero__content{grid-template-columns:1fr;text-align:center}.hero__avatar{order:-1}.hero__actions{justify-content:center}}.skillsusa__hero{display:flex;align-items:center;gap:14px;margin-bottom:10px;flex-wrap:wrap}.skillsusa__logo{height:75px;width:auto}.skillsusa__grid{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 900px){.skillsusa__grid{grid-template-columns:repeat(2,1fr)}}.skillsusa__card{border:1px solid #e5e7eb;background:#fff;border-radius:14px;padding:14px;box-shadow:0 6px 14px #0000000a}.skillsusa__head h3{margin:0;font-size:1.2rem;font-weight:700}.skillsusa__sub{color:#6b7280;font-size:.9rem}.skillsusa__medals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.skillsusa__award{text-align:center}.skillsusa__caption{margin:4px 0 0;font-size:.9rem;color:#374151}.medal{display:inline-flex;flex-direction:column;align-items:center}.medal__label{font-size:.85rem;font-weight:600;color:#111827}.projects__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.projectCard{display:block;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff;text-decoration:none;color:inherit;transform:translateY(0);transition:transform .22s ease,box-shadow .22s ease}.projectCard:hover{transform:translateY(-6px);box-shadow:0 16px 28px #00000014}.projectCard__image{display:flex;justify-content:center;padding:8px 8px 0}.projectCard__image img{width:100%;height:100%;object-fit:cover}.projectCard__body{padding:16px}.projectCard__body h3{margin:0 0 6px;font-size:18px}.projectCard__body p{margin:0;color:var(--muted)}.skills__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.skillGroup{border:1px solid var(--border);border-radius:12px;padding:16px;background:#fff}.skillGroup h3{margin:0 0 10px;color:var(--gtc-blue)}.skillGroup ul{padding-left:18px;margin:0}.skillGroup li{margin:6px 0}.usage__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0}.usage__list li{border:1px solid var(--border);background:#fff;border-radius:12px;padding:12px 14px}.usage__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.usageCard{display:grid;grid-template-columns:56px 1fr;gap:14px;padding:16px;border:1px solid var(--border);border-radius:14px;background:#fff;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.usageCard:hover{transform:translateY(-4px);box-shadow:0 16px 28px #00000014;border-color:#0b4f8a40}.usageCard__icon{display:grid;place-items:center;font-size:28px;line-height:0;color:#0b4f8a;background:#0b4f8a0f;border:1px solid rgba(11,79,138,.12);width:56px;height:56px;border-radius:12px}.usageCard__title{margin:0 0 4px;font-weight:800;font-size:1.05rem;letter-spacing:.2px}.usageCard__blurb{margin:0;color:var(--muted);font-size:.95rem}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.resume__card{display:grid;grid-template-columns:1fr auto;gap:18px;padding:18px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:0 10px 24px #0000000f}.resume__title{margin:0 0 6px}.resume__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:#f8fafc;color:#334155}.resume__actions{display:flex;align-items:center;gap:10px}.btn.is-disabled{opacity:.5;pointer-events:none}.resumeBand{background:radial-gradient(1200px 500px at 50% -200px,rgba(11,79,138,.18),transparent 60%),#fff;color:#e5e7eb;padding:80px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);text-align:center}.resumeBand__inner{max-width:780px;margin:0 auto}.resumeBand__title{margin:0;font-size:clamp(34px,5vw,56px);line-height:1.05;letter-spacing:.2px;font-weight:800;color:#000}.resumeBand__divider{width:80px;height:3px;margin:16px auto 12px;background:linear-gradient(90deg,transparent,#3b82f6,transparent);border-radius:999px}.resumeBand__blurb{margin:0 auto 22px;color:#889099;font-size:1.05rem}.resumeBand__meta{margin:12px 0 0;font-size:.9rem;color:#6c86ac}.btn--primary{display:inline-flex;align-items:center;gap:10px;background:#3b82f6;color:#fff;font-weight:700;padding:12px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.14);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.btn--primary:hover{transform:translateY(-2px)}.btn--primary.is-disabled{opacity:.55;pointer-events:none}.btn--glow{box-shadow:0 10px 24px #a0a6af40}.btn--glow:hover{box-shadow:0 16px 36px #3b82f659;filter:brightness(1.03)}@media (max-width: 640px){.resumeBand{padding:64px 0}}.contact__alerts{margin-bottom:10px}.alert{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;font-weight:600;border:1px solid var(--border);background:#f8fafc}.alert--success{border-color:#10b98140;background:#10b98114}.alert--error{border-color:#ef444440;background:#ef444414}.contact__form{display:grid;gap:14px}.form__row{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}label{display:grid;gap:6px;font-size:14px}input,textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;font:inherit;transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus{outline:none;border-color:#0b4f8a73;box-shadow:0 0 0 4px #0b4f8a14}.charCount{margin-top:6px;font-size:12px;color:var(--muted)}.charCount.warn{color:#b45309}.contact__actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:var(--gtc-blue);color:#fff;border:none;text-decoration:none;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,opacity .15s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0b4f8a40}.btn[disabled]{opacity:.6;cursor:not-allowed}.btn--ghost{background:transparent;color:var(--gtc-blue);border:1px solid rgba(11,79,138,.25)}.btn--ghost:hover{box-shadow:0 8px 18px #0b4f8a1f}.hp{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width: 900px){.form__row{grid-template-columns:1fr}}.projectDetails{background:#fafafa;border-block:1px solid var(--border)}.imac{max-width:420px;margin:0 auto;filter:drop-shadow(0 12px 24px rgba(0,0,0,.12));transition:transform .22s ease}.projectCard:hover .imac{transform:translateY(-2px)}.imac__frame{position:relative;border-radius:18px;background:#111;overflow:hidden}.imac__screen{aspect-ratio:16/10;margin:8px 8px 44px;border-radius:12px;overflow:hidden;background:#000}.imac__screen img{width:100%;height:100%;object-fit:cover;display:block}.imac__camera{position:absolute;top:8px;left:50%;transform:translate(-50%);width:8px;height:8px;background:#222;border-radius:50%}.imac__chin{position:absolute;left:0;right:0;bottom:0;height:54px;background:linear-gradient(#f5f6f8,#e3e6eb);border-top:1px solid rgba(0,0,0,.06);display:grid;place-items:center}.imac__logo-dot{width:10px;height:10px;border-radius:50%;background:#0000001f}.imac__stand{width:52%;margin:10px auto 0;display:grid;place-items:center}.imac__neck{width:22%;height:36px;background:linear-gradient(#f5f6f8,#dfe3ea);border-radius:8px}.imac__foot{margin-top:8px;width:100%;height:12px;background:linear-gradient(#eceff4,#d0d6df);border-radius:10px 10px 14px 14px;position:relative}.imac__foot:after{content:"";position:absolute;left:10%;right:10%;bottom:-6px;height:10px;border-radius:999px;background:radial-gradient(50% 60% at 50% 50%,rgba(0,0,0,.14),transparent 70%);filter:blur(2px)}.skills__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}.skillGroup h3{margin-bottom:12px;font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#0b4f8a}.skillGroup ul{list-style:none;padding:0;margin:0}.skillItem{display:flex;align-items:center;gap:12px;margin-bottom:10px}.skillIcon{display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.skillName{font-size:1.15rem;font-weight:600;color:#1e293b}.careers__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:24px}.careerCard{position:relative;background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px 20px 56px;text-align:center;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;outline:none;will-change:transform,box-shadow}.careerCard:before{content:"";position:absolute;inset:-2px;border-radius:18px;background:radial-gradient(60% 60% at 50% 0%,rgba(37,99,235,.18),transparent 70%);opacity:0;transition:opacity .18s ease;pointer-events:none;z-index:0}.careerCard:hover,.careerCard:focus-visible{transform:translateY(-4px);box-shadow:0 18px 30px #00000014,0 0 0 1px #2563eb26 inset;border-color:#2563eb59}.careerCard:hover:before,.careerCard:focus-visible:before{opacity:1}.careerCard--active{box-shadow:0 20px 36px #0000001a,0 0 0 2px #2563eb59 inset;border-color:#2563eb8c}.careerCard__icon{font-size:34px;color:var(--gtc-blue);margin-bottom:12px;z-index:1;position:relative}.careerCard__title{margin:0 0 8px;font-size:18px;font-weight:700;color:#111827;z-index:1;position:relative}.careerCard__desc{margin:0;color:var(--muted);font-size:.95rem;z-index:1;position:relative}.careerCard__reveal{overflow:hidden;max-height:0;opacity:0;transition:max-height .26s ease,opacity .22s ease 60ms;margin-top:12px}.careerCard__reveal.is-open{max-height:160px;opacity:1}.salaryPill{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#2563eb14;border:1px solid rgba(37,99,235,.25);margin-top:6px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.salaryLabel{font-weight:700;color:#1f2937}.salaryValue{font-weight:600;color:#0b61ff}.careerCard__cta{position:absolute;left:0;right:0;bottom:12px;display:grid;place-items:center}.ctaText{font-size:.85rem;color:#4b5563;transition:color .18s ease}.careerCard:hover .ctaText,.careerCard:focus-visible .ctaText{color:#1f2937}.quiz__wrap{max-width:860px;margin:0 auto}.quiz__progress{height:8px;background:#eef2f7;border-radius:999px;overflow:hidden;margin:12px 0 20px}.quiz__progressBar{height:100%;background:linear-gradient(90deg,#3b82f6,#14b8a6)}.quiz__card,.quiz__result{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:0 8px 18px #0000000d}.quiz__q{margin:0 0 12px;font-size:20px}.quiz__answers{list-style:none;padding:0;margin:0;display:grid;gap:10px}.quiz__btn{width:100%;text-align:left;padding:12px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#fafafa;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.quiz__btn:hover,.quiz__btn:focus-visible{transform:translateY(-1px);box-shadow:0 8px 16px #0000000f;border-color:#d1d5db}.quiz__step{margin:12px 0 0;color:var(--muted);font-size:.9rem}.quiz__badge{border:2px dashed;border-radius:16px;padding:16px;display:grid;place-items:start;gap:6px;margin-bottom:16px}.quiz__badge .dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:6px}.quiz__breakdown{display:grid;gap:10px}.quiz__bar{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.quiz__barLabel{display:flex;align-items:center;gap:8px;font-weight:600}.quiz__barTrack{grid-column:1 / -1;height:10px;background:#f1f5f9;border-radius:999px;overflow:hidden}.quiz__barFill{height:100%;border-radius:999px}.quiz__barPct{color:#6b7280;font-size:.9rem}.swatch{width:10px;height:10px;border-radius:3px}.btn{padding:10px 14px;border-radius:10px;background:#111827;color:#fff;border:none}.btn--ghost{background:#fff;color:#111827;border:1px solid #e5e7eb}.btn--ghost:hover{background:#f9fafb}.aiRow{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0 2.5rem}.aiRow--reverse{flex-direction:column}@media (min-width: 768px){.aiRow{flex-direction:row;gap:1.5rem;align-items:flex-start}.aiRow--reverse{flex-direction:row-reverse}}.thumb__box{width:220px;aspect-ratio:4 / 3;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#f8fafc;box-shadow:0 1px 6px #0000000f}.thumb__box img{width:100%;height:100%;object-fit:cover}@media (min-width: 640px){.thumb__box{width:260px}}@media (min-width: 1024px){.thumb__box{width:300px}}.ai__body{flex:1 1 auto;max-width:60ch}.aiList li{display:flex;align-items:flex-start;gap:.5rem;margin:.35rem 0}.aiIcon--ok{color:#059669}.aiIcon--warn{color:#dc2626}.aiPill{display:inline-flex;align-items:center;font-size:.75rem;padding:.35rem .6rem;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#374151;margin-top:.5rem}.gtcPromo{display:grid;grid-template-columns:1fr;gap:20px;padding:20px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 8px 18px #0000000a}@media (min-width: 860px){.gtcPromo{grid-template-columns:1.4fr .8fr;align-items:center;padding:28px;gap:28px}}.gtcPromo__body>.muted{margin-top:.25rem}.gtcList{margin:.75rem 0 0;padding-left:1rem}.gtcList li{margin:.35rem 0;color:#374151}.gtcActions{margin-top:1rem;display:flex;gap:.6rem;flex-wrap:wrap}.gtcPromo__qr{justify-self:center;text-align:center}.gtcQR__frame{padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 4px 12px #0000000f;display:inline-block}.gtcQR__caption{display:block;margin-top:.5rem;font-size:12px;color:#6b7280}@media (max-width: 900px){.director__grid{grid-template-columns:1fr}.hero__content{grid-template-columns:1fr;text-align:center}.projects__grid,.skills__grid,.usage__list,.form__row{grid-template-columns:1fr}}