:root{--ink:#102a30;--muted:#60747a;--teal:#0e8f8d;--teal2:#076d6b;--soft:#e7f6f4;--cream:#f8faf8;--danger:#a63333;--dangerSoft:#fff1f1;--line:#dbe6e4}*{box-sizing:border-box}html{background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body{margin:0}a{color:inherit}button,input,textarea,select{font:inherit}.shell{width:min(920px,100% - 32px);margin:auto}.header{justify-content:space-between;align-items:center;padding:22px 0;display:flex}.brand{font-size:1.3rem;font-weight:900;text-decoration:none}.brand span{color:var(--teal)}.nav{color:var(--muted);gap:18px;display:flex}.hero{padding:54px 0 34px}.eyebrow{color:var(--teal2);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800}h1{letter-spacing:-.055em;margin:16px 0 22px;font-size:clamp(2.35rem,7vw,5rem);line-height:.98}h2{letter-spacing:-.04em;font-size:clamp(1.7rem,4vw,2.65rem)}.lead{color:var(--muted);max-width:720px;font-size:1.15rem;line-height:1.65}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:800;text-decoration:none;display:inline-flex}.primary{background:var(--teal);color:#fff}.secondary{border-color:var(--line);background:#fff}.grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0;display:grid}.two{grid-template-columns:repeat(2,1fr)}.card{border:1px solid var(--line);background:#fff;border-radius:22px;padding:24px}.muted{color:var(--muted);line-height:1.55}.emergency{border-left:5px solid var(--danger);background:var(--dangerSoft);border-radius:14px;margin:24px 0;padding:18px 20px}.page{padding:26px 0 70px}.form{gap:18px;max-width:680px;display:grid}.field{gap:8px;display:grid}label{font-weight:800}input,textarea,select{background:#fff;border:1px solid #bfd0cd;border-radius:13px;width:100%;padding:13px 14px}textarea{min-height:180px}.help{color:var(--muted);font-size:.9rem}.error{color:var(--danger);font-weight:700}.success{background:var(--soft);border:1px solid #b8dfdb;border-radius:16px;padding:20px}.code{color:#fff;background:#102a30;border-radius:14px;padding:16px;font-family:monospace;font-size:clamp(1.2rem,5vw,2rem);font-weight:900;display:inline-block}.thread{gap:14px;margin:24px 0;display:grid}.message{border-radius:18px;max-width:78%;padding:15px 17px;line-height:1.55}.student{background:var(--teal);color:#fff;margin-left:auto}.staff{border:1px solid var(--line);background:#fff}.meta{opacity:.75;margin-top:7px;font-size:.78rem}.table-wrap{overflow:auto}table{border-collapse:collapse;background:#fff;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;padding:13px}.badge{background:var(--soft);color:var(--teal2);border-radius:999px;padding:5px 9px;font-size:.8rem;font-weight:800;display:inline-flex}.footer{border-top:1px solid var(--line);color:var(--muted);padding:28px 0 50px}@media (max-width:720px){.grid,.two{grid-template-columns:1fr}.nav{display:none}.message{max-width:92%}}.header-navigation{position:relative}.menu-toggle{color:#0b3438;cursor:pointer;background:#fff;border:1px solid #0a4b5040;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:25px;line-height:1;display:none}@media (max-width:760px){.menu-toggle{display:flex}.header-navigation .nav{z-index:1000;background:#fff;border:1px solid #0a4b5033;border-radius:14px;flex-direction:column;align-items:stretch;gap:4px;min-width:220px;padding:12px;display:none;position:absolute;top:52px;right:0;box-shadow:0 12px 30px #0a282d29}.header-navigation .nav.nav-open{display:flex}.header-navigation .nav a{white-space:nowrap;border-radius:9px;padding:11px 12px;display:block}.header-navigation .nav a:hover,.header-navigation .nav a:focus-visible{background:#e9f7f6}}.nav form{margin:0}.nav-logout{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}@media (max-width:760px){.header-navigation .nav form{width:100%}.header-navigation .nav .nav-logout{text-align:left;border-radius:9px;width:100%;padding:11px 12px;text-decoration:none;display:block}.header-navigation .nav .nav-logout:hover,.header-navigation .nav .nav-logout:focus-visible{background:#e9f7f6}}.landing-page{color:#111a36;background:linear-gradient(#fbfcff 0%,#f3fbfb 43%,#f7f5ff 100%);min-height:100vh;position:relative;overflow:hidden}.landing-wrap{z-index:2;width:min(1120px,100% - 36px);margin:0 auto;position:relative}.landing-glow{filter:blur(12px);opacity:.58;pointer-events:none;border-radius:999px;position:absolute}.landing-glow-one{background:radial-gradient(circle,#bcecf7 0%,#bcecf700 72%);width:420px;height:420px;top:80px;right:-170px}.landing-glow-two{background:radial-gradient(circle,#e7dcff 0%,#e7dcff00 72%);width:460px;height:460px;top:520px;left:-220px}.landing-header{justify-content:space-between;align-items:center;padding:26px 0 12px;display:flex}.landing-brand{letter-spacing:-.045em;color:#111936;font-size:clamp(1.35rem,3vw,1.8rem);font-weight:950;text-decoration:none}.landing-brand span{color:#22a8bf}.quick-exit{color:#29304a;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border:1px solid #1119361f;border-radius:999px;padding:10px 15px;font-weight:800}.quick-exit:hover,.quick-exit:focus-visible{outline-offset:2px;background:#fff;outline:2px solid #22a8bf40}.landing-hero{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:52px;padding:54px 0 64px;display:grid}.landing-principle{color:#3c5570;background:#ffffffb3;border:1px solid #22a8bf26;border-radius:999px;margin:0 0 18px;padding:8px 12px;font-size:.9rem;font-weight:800;display:inline-block}.landing-hero h1{letter-spacing:-.065em;color:#111936;max-width:720px;margin:0;font-size:clamp(3rem,7vw,6.3rem);line-height:.91}.landing-lead{color:#566178;max-width:690px;margin:25px 0 0;font-size:clamp(1.08rem,2vw,1.3rem);line-height:1.55}.trust-pills{flex-wrap:wrap;gap:10px;margin:26px 0 0;display:flex}.trust-pills span{color:#35415b;background:#ffffffd1;border:1px solid #11193614;border-radius:999px;align-items:center;gap:7px;padding:10px 14px;font-weight:800;display:inline-flex;box-shadow:0 8px 24px #233d4d0d}.landing-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.landing-primary,.landing-secondary{cursor:pointer;border:0;border-radius:17px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:0 22px;font-weight:900;text-decoration:none;display:inline-flex}.landing-primary{color:#fff;background:linear-gradient(135deg,#18a9c2,#168e9b);box-shadow:0 14px 34px #18a9c23d}.landing-primary:hover,.landing-primary:focus-visible{transform:translateY(-1px);box-shadow:0 17px 38px #18a9c24d}.landing-secondary{color:#26324b;background:#fff;border:1px solid #1119361a}.landing-primary.compact{white-space:nowrap;border-radius:14px;min-height:48px;padding:0 18px}.hero-visual{background:linear-gradient(150deg,#dff4ffdb,#f5e1f2b8 58%,#fff3dcb8);border:1px solid #fffc;border-radius:38px;min-height:455px;position:relative;overflow:hidden;box-shadow:0 30px 80px #273b5c21}.visual-orbit{border:1px solid #ffffffe6;border-radius:50%;position:absolute}.orbit-one{width:350px;height:350px;bottom:-100px;right:-90px}.orbit-two{width:220px;height:220px;bottom:-40px;right:35px}.visual-card{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#26324b;background:#ffffffc7;border:1px solid #fffffff0;position:absolute;box-shadow:0 18px 45px #374b6a1c}.visual-card-main{border-radius:24px;padding:20px 22px;top:34px;left:28px;right:75px;transform:rotate(-2deg)}.visual-card-main span,.visual-card-main strong{display:block}.visual-small{color:#687089;margin-bottom:4px;font-size:.85rem}.visual-card-main strong{font-size:1.45rem;line-height:1.1}.visual-card-note{border-radius:20px;width:185px;padding:16px 18px;font-weight:850;bottom:30px;right:22px;transform:rotate(2deg)}.visual-person{width:220px;height:330px;position:absolute;bottom:-44px;left:50%;transform:translate(-42%)}.visual-head{background:linear-gradient(145deg,#222b44,#121828);border-radius:48% 52% 46% 54%;width:102px;height:112px;position:absolute;top:12px;left:58px;box-shadow:14px 3px 0 -5px #242d45}.visual-head:after{content:"";border:14px solid #1b6f82;border-bottom-width:16px;border-radius:50%;width:122px;height:50px;position:absolute;top:38px;left:-23px;transform:rotate(-5deg)}.visual-body{background:linear-gradient(155deg,#384963,#202b40);border-radius:88px 88px 28px 28px;width:195px;height:235px;position:absolute;bottom:0;left:15px;transform:rotate(-3deg)}.how-card,.code-vault,.privacy-strip{border:1px solid #11193612;border-radius:30px;margin-bottom:28px;box-shadow:0 18px 50px #283f5212}.how-card{background:#ffffffd1;padding:34px}.section-kicker{color:#17879a;text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px;font-size:.78rem;font-weight:900}.how-card h2,.code-vault h2,.privacy-strip h2{color:#121a36;margin:0;line-height:1.05}.how-steps{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;display:grid}.how-steps article{background:#fbfcff;border:1px solid #1119360f;border-radius:22px;padding:22px}.step-number{color:#127f91;background:#e7f7fa;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:950;display:flex}.how-steps h3{margin:16px 0 7px;font-size:1.05rem}.how-steps p{color:#697187;margin:0;font-size:.95rem;line-height:1.5}.code-vault{background:linear-gradient(135deg,#e7f8f9f0,#f4f0fff0);grid-template-columns:minmax(0,.85fr) minmax(320px,1.15fr);align-items:center;gap:36px;padding:34px;display:grid}.code-copy p:not(.section-kicker){color:#667087;line-height:1.55}.code-form,.saved-code-card{background:#ffffffc7;border:1px solid #11193612;border-radius:23px;padding:22px}.code-form label{margin-bottom:9px;display:block}.code-row{gap:10px;display:flex}.code-row input{letter-spacing:.035em;background:#fff;border-color:#11193626;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800}.saved-code-card{gap:14px;display:grid}.saved-label{color:#667087;font-size:.83rem;font-weight:800}.saved-code-card strong{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(1.15rem,3vw,1.55rem)}.saved-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.text-button{color:#516078;cursor:pointer;background:0 0;border:0;padding:8px;text-decoration:underline}.privacy-warning,.landing-feedback{color:#6e7488;grid-column:2;margin:0;font-size:.84rem}.landing-feedback{color:#127f91;font-weight:800}.privacy-strip{color:#fff;background:#121a36;grid-template-columns:1fr 1fr;gap:34px;padding:34px;display:grid}.privacy-strip .section-kicker{color:#72d6e4}.privacy-strip h2{color:#fff;font-size:clamp(1.65rem,3.8vw,3rem)}.privacy-strip>p{color:#d6daea;align-self:center;margin:0;line-height:1.65}.emergency-lite{color:#68463d;background:#fff5f2;border:1px solid #f4ded8;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin:0 0 34px;padding:18px 20px;display:flex}.emergency-lite span{color:#7a5a52}.landing-footer{color:#657086;justify-content:space-between;align-items:center;gap:16px;padding:20px 0 38px;font-size:.9rem;display:flex}@media (max-width:860px){.landing-hero{grid-template-columns:1fr;gap:30px;padding-top:34px}.hero-visual{min-height:330px}.visual-person{transform-origin:bottom;transform:translate(-38%)scale(.86)}.code-vault,.privacy-strip{grid-template-columns:1fr}.privacy-warning,.landing-feedback{grid-column:1}.how-steps{grid-template-columns:1fr}.how-steps article{grid-template-columns:auto 1fr;column-gap:14px;display:grid}.how-steps article .step-number{grid-row:1/3}.how-steps h3{margin:2px 0 5px}.how-steps p{grid-column:2}}@media (max-width:560px){.landing-wrap{width:min(100% - 24px,1120px)}.landing-header{padding-top:16px}.top-exit{padding:8px 11px;font-size:.78rem}.landing-hero{padding:26px 0 36px}.landing-principle{font-size:.78rem;line-height:1.35}.landing-hero h1{font-size:clamp(2.7rem,14.5vw,4.2rem)}.landing-lead{font-size:1.03rem}.trust-pills{gap:8px}.trust-pills span{padding:8px 10px;font-size:.84rem}.landing-actions{display:grid}.landing-primary,.landing-secondary{width:100%}.hero-visual{border-radius:28px;min-height:285px}.visual-card-main{padding:16px;top:20px;left:18px;right:48px}.visual-card-main strong{font-size:1.18rem}.visual-card-note{width:150px;font-size:.88rem;bottom:18px;right:14px}.visual-person{bottom:-63px;left:49%;transform:translate(-39%)scale(.73)}.how-card,.code-vault,.privacy-strip{border-radius:24px;padding:24px}.code-row{display:grid}.code-row .landing-primary{width:100%}.emergency-lite{flex-direction:column;align-items:flex-start}.landing-footer{flex-direction:column-reverse;align-items:flex-start}.landing-footer .quick-exit{width:100%}}