@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";
:root{--bg:#f8fafc;--primary:#0f172a;--accent:#10b981;--muted:#6b7280;--card:#fff}.marksure-landing.highfi{background:var(--bg);color:var(--primary);min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;position:relative}.marksure-landing.highfi:before,.marksure-landing.highfi:after{content:"";filter:blur(60px)saturate(110%);opacity:.55;z-index:0;position:absolute}.marksure-landing.highfi:before{background:radial-gradient(circle at 30% 30%,#10b98140,#0f172a00);width:420px;height:420px;top:-8%;right:-10%}.marksure-landing.highfi:after{background:radial-gradient(circle at 70% 70%,#10b9811f,#0f172a00);width:360px;height:360px;bottom:-6%;left:-6%}.navbar{z-index:2;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex;position:relative}.logo{color:var(--primary);font-size:1.25rem;font-weight:800}.lang-toggle{gap:.5rem;display:flex}.login-btn{color:var(--primary);background:0 0;border:1px solid #0f172a14;border-radius:8px;padding:.5rem .9rem;font-weight:600;text-decoration:none}.container{z-index:2;max-width:1080px;margin:0 auto;padding:2rem;position:relative}.hero-2col{grid-template-columns:1fr 480px;align-items:center;gap:2.5rem;padding:2.25rem 0;display:grid}.hero-left{padding-right:1rem}.hero-head{color:#fff;margin:0 0 .75rem;font-size:2.25rem;font-weight:800;line-height:1.05}.hero-sub{color:#fff;margin:0 0 1.25rem;font-size:1.05rem}.cta-row{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.btn{border-radius:.6rem;align-items:center;gap:.6rem;padding:.75rem 1.2rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 30px #10b9811f}.btn-outline{color:var(--primary);background:0 0;border:1px solid #0f172a0f}.trust-note{color:#fff;margin-top:.5rem;font-size:.95rem}.hero-right{justify-content:center;display:flex}.hero-image-mockup{background:var(--card);border:1px solid #0f172a0a;border-radius:14px;width:420px;padding:1rem;overflow:hidden;transform:rotate(-6deg)translateY(-6px);box-shadow:0 30px 80px -30px #0f172a2e}.hero-image-mockup:hover{transform:rotate(-4deg)translateY(-10px)}.mockup-topbar{align-items:center;gap:.6rem;padding:.4rem 0;display:flex}.mock-dot{background:#ef4444;border-radius:50%;width:10px;height:10px;box-shadow:0 1px #0000000f}.mock-title{background:linear-gradient(90deg,#0f172a14,#0f172a0a);border-radius:6px;width:50%;height:10px}.mock-table{flex-direction:column;gap:.5rem;margin-top:.6rem;display:flex}.mock-row{align-items:center;gap:.5rem;display:flex}.cell{background:linear-gradient(90deg,#0f172a0f,#0f172a08);border-radius:8px;height:12px}.cell-1{width:22%}.cell-2{width:48%}.cell-3{width:25%}.features-grid{gap:1.25rem;margin:2.25rem 0 1.5rem;display:flex}.feature-card{background:var(--card);border:1px solid #0f172a08;border-radius:12px;flex:1;padding:1.25rem;transition:transform .18s,box-shadow .18s;box-shadow:0 10px 40px -10px #00000014}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{color:var(--primary);margin:0 0 .45rem}.feature-card p{color:var(--muted);margin:0}.how-it-works{background:0 0;margin:2rem 0 3rem}.how-it-works h2{margin-bottom:1rem;font-size:1.4rem}.steps{gap:1rem;display:flex}.step{background:var(--card);border-radius:10px;flex:1;padding:.9rem;box-shadow:0 6px 30px -18px #0f172a14}.step-number{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:800;display:flex}.footer{border-top:1px solid #0f172a0a;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex}.footer-links a{color:var(--muted);font-weight:600;text-decoration:none}@media (max-width:980px){.hero-2col{grid-template-columns:1fr;gap:1.25rem}.hero-image-mockup{width:100%;transform:rotate(0)translateY(0)}.features-grid,.steps{flex-direction:column}}:root{--deep-blue:#4f7a66;--accent:#77a07d;--gold:gold;--white:#fff;--gray:#f5f7fa;--text:#1a2233}.features-grid{flex-wrap:wrap;justify-content:center;gap:2rem;max-width:900px;margin:3rem auto 2rem;display:flex}.hero-dashboard{background:#ffffff0f;border-radius:1rem;width:160px;height:auto;margin:0 auto 1.2rem;padding:.4rem;display:block;box-shadow:0 6px 24px #153a6e1f}.cta-primary{background:var(--gold);color:var(--deep-blue);border:none;border-radius:999px;padding:.9rem 2rem;font-size:1.05rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:inline-block;box-shadow:0 2px 12px #153a6e1a}.cta-primary:hover{background:var(--white);color:var(--deep-blue)}.nav-actions{align-items:center;gap:1rem;display:flex}.lang-toggle{align-items:center;gap:.4rem;display:flex}.lang-btn{color:var(--white);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:6px;padding:.35rem .6rem;font-weight:700}.lang-btn.active{background:var(--white);color:var(--deep-blue);border-color:#0000000f}.marksure-landing{background:var(--gray);color:var(--text);flex-direction:column;min-height:100vh;font-family:Segoe UI,Roboto,Arial,sans-serif;display:flex}.bento-bg{background-color:#f5f7fa;background-image:radial-gradient(circle,#dbeafe 1px,#0000 1px),radial-gradient(circle,#e0f2f1 1px,#0000 1px);background-position:0 0,14px 14px;background-size:28px 28px}.headline-gradient{text-align:center;background:linear-gradient(90deg,var(--deep-blue)40%,var(--accent)100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:1.2rem;font-family:Segoe UI,Roboto,Arial,sans-serif;font-size:2.7rem;font-weight:900}.navbar{background:var(--deep-blue);color:var(--white);justify-content:space-between;align-items:center;padding:1.2rem 2rem;display:flex;box-shadow:0 2px 8px #153a6e0d}.logo{letter-spacing:1px;color:#fff;font-size:1.7rem;font-weight:700}.login-btn{background:var(--accent);color:var(--deep-blue);border:none;border-radius:999px;padding:.6rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s}.login-btn:hover{background:var(--gold);color:var(--deep-blue)}.hero{background:linear-gradient(120deg,var(--deep-blue)60%,var(--accent)100%);color:var(--white);text-align:center;border-radius:0 0 2.5rem 2.5rem;padding:4rem 1.5rem 3rem;box-shadow:0 8px 32px #153a6e14}.hero h1{letter-spacing:-1px;margin-bottom:1.2rem;font-size:2.7rem;font-weight:800}.subheadline{color:#e0f7fa;margin-bottom:2rem;font-size:1.25rem;font-weight:400}.cta-btn:hover{background:var(--white);color:var(--deep-blue)}.features{flex-wrap:wrap;justify-content:center;gap:2rem;max-width:900px;margin:3rem auto 2rem;display:flex}.feature-card{background:var(--white);text-align:center;border-top:4px solid var(--accent);border-radius:1.5rem;flex:220px;min-width:220px;max-width:280px;padding:2rem 1.5rem;transition:transform .18s,box-shadow .18s;box-shadow:0 2px 16px #153a6e12}.feature-card:hover{transform:translateY(-6px)scale(1.04);box-shadow:0 8px 32px #153a6e21}.feature-icon{margin-bottom:.7rem;font-size:2.5rem}.bento-features{max-width:1100px;margin:3rem auto 2rem;padding:0 1rem}.bento-grid{grid-template-rows:1fr 1fr;grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.bento-card{-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#ffffff40;border:1px solid #153a6e14;border-radius:1.5rem;flex-direction:column;align-items:flex-start;padding:2rem 1.5rem;transition:box-shadow .18s,transform .18s;display:flex;box-shadow:0 2px 24px #153a6e1a}.bento-card:hover{transform:translateY(-6px)scale(1.03);box-shadow:0 8px 32px #153a6e2e}.bento-card-large{grid-area:1/1/span 2/span 2}.bento-card-tall{grid-area:1/3/span 2/span 1}.bento-card{grid-area:auto}.bento-icon{margin-bottom:.7rem;font-size:2.2rem}.bento-card h3{color:var(--deep-blue);margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.bento-card p{color:#1a2233;margin-bottom:0;font-size:1rem}.how-it-works{background:var(--white);border-radius:2rem;max-width:900px;margin:2.5rem auto 2rem;padding:2.5rem 1.5rem;box-shadow:0 2px 16px #153a6e12}.how-it-works h2{text-align:center;color:var(--deep-blue);margin-bottom:2rem;font-size:2rem;font-weight:700}.steps{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.step{flex:220px;align-items:flex-start;gap:1rem;min-width:220px;max-width:260px;display:flex}.step-number{background:var(--accent);color:var(--deep-blue);border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-top:.2rem;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 2px 8px #153a6e14}.step h4{color:var(--deep-blue);margin:0 0 .2rem;font-size:1.1rem;font-weight:600}.step p{color:#444;margin:0;font-size:1rem}.social-proof{text-align:center;color:var(--deep-blue);margin:2rem 0 2.5rem;font-size:1.1rem}.university-logos{justify-content:center;gap:2rem;margin-top:.7rem;display:flex}.university-logo{color:#6b7280;letter-spacing:.5px;background:#e0e7ef;border-radius:.7rem;padding:.5rem 1.2rem;font-size:1rem;font-weight:600}.cta-group{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.cta-btn{background:var(--gold,#1de9b6);color:var(--deep-blue);border:none;border-radius:999px;padding:1rem 2.5rem;font-size:1.2rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:inline-block;box-shadow:0 2px 12px #153a6e1a}.cta-btn:hover{color:var(--deep-blue);background:#fff}.cta-btn-outline{color:var(--deep-blue);border:2px solid var(--deep-blue);box-shadow:none;background:0 0;border-radius:999px;padding:1rem 2.5rem;font-size:1.2rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:inline-block}.cta-btn-outline:hover{color:var(--deep-blue);background:#e0f2f1}.footer{background:var(--deep-blue);color:var(--white);border-radius:2rem 2rem 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:auto;padding:1.2rem 2rem;font-size:1rem;display:flex}.footer-links{gap:.7rem;display:flex}.footer-links a{color:var(--gold);font-weight:500;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent)}@media (max-width:900px){.features,.steps{flex-direction:column;align-items:center}.how-it-works,.features{max-width:98vw}.bento-grid{grid-template-rows:auto;grid-template-columns:1fr 1fr}.bento-card-large,.bento-card-tall{grid-area:auto/1/auto/span 2}.faq-section .faq-grid{grid-template-columns:1fr!important;gap:1rem!important}}@media (max-width:600px){.navbar,.footer{text-align:center;flex-direction:column;gap:.7rem;padding:1rem}.hero{border-radius:0 0 1.2rem 1.2rem;padding:2.5rem .5rem 2rem}.how-it-works{border-radius:1rem;padding:1.2rem .5rem}.features{gap:1.2rem}.bento-grid{grid-template-rows:auto;grid-template-columns:1fr;gap:1.2rem}.bento-card-large,.bento-card-tall{grid-area:auto/1/auto/span 1}.nav-actions{flex-direction:row;justify-content:flex-start;gap:.7rem;width:100%;padding-bottom:.5rem;overflow-x:auto}.navbar{flex-direction:column;align-items:flex-start;padding:1rem .5rem}.logo{margin-bottom:.7rem;font-size:1.3rem}.faq-section .faq-grid{grid-template-columns:1fr!important;gap:1rem!important}}