:root{--navy: #1E3A8A;--navy-deep: #13275c;--navy-soft: #eef2ff;--emerald: #10B981;--emerald-deep: #059669;--amber: #F59E0B;--bg: #ffffff;--surface: #ffffff;--surface-soft: #f8fafc;--text: #0f172a;--muted: #64748b;--border: #e8eef5;--shadow: 0 14px 40px rgba(15, 23, 42, .06);--radius: 18px;--nav-h: 76px;--font-display: "Manrope", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}.landing-page{font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}ul{list-style:none}.container{width:min(1140px,calc(100% - 2.5rem));margin-inline:auto}.section{padding:clamp(4rem,8vw,6.5rem) 0;scroll-margin-top:calc(var(--nav-h) + 12px)}.section-head{text-align:center;max-width:640px;margin:0 auto 3rem}.section-head .eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--emerald-deep);margin-bottom:.75rem}.section-head h2,.section-title{font-family:var(--font-display);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;line-height:1.15;color:var(--navy-deep);letter-spacing:-.02em}.section-head p{margin-top:.85rem;color:var(--muted);font-size:1.05rem}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;background:var(--surface);transition:opacity .35s ease,visibility .35s ease}.loader.hide{opacity:0;visibility:hidden;pointer-events:none}.loader-mark{width:48px;height:48px;border:3px solid var(--navy-soft);border-top-color:var(--navy);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:#fff}.page-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 45% at 0% 0%,rgba(30,58,138,.06),transparent 55%),radial-gradient(ellipse 50% 35% at 100% 8%,rgba(16,185,129,.05),transparent 50%);pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.75rem 1.4rem;border-radius:999px;font-family:var(--font-body);font-size:.95rem;font-weight:600;border:2px solid transparent;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--navy);color:#fff;box-shadow:0 10px 28px #1e3a8a47}.btn-primary:hover{background:var(--navy-deep)}.btn-outline{background:#ffffffb3;border-color:#1e3a8a33;color:var(--navy);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-outline:hover{background:#fff;border-color:var(--navy)}.btn-accent{background:var(--emerald);color:#042f2e;box-shadow:0 10px 28px #10b98147}.btn-accent:hover{background:var(--emerald-deep);color:#fff}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-h);display:flex;align-items:center;overflow:visible;border-bottom:1px solid transparent;transition:border-color .25s ease}.nav-blur{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;transition:background .25s ease,box-shadow .25s ease}.site-header.scrolled .nav-blur,body.landing-nav-open .nav-blur{background:#fff;box-shadow:0 8px 24px #0f172a0a}.site-header.scrolled,body.landing-nav-open .site-header{border-bottom-color:var(--border)}.nav-inner{position:relative;z-index:2;width:min(1140px,calc(100% - 2.5rem));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo-wrapper{display:inline-flex;align-items:center;gap:.65rem;font-family:var(--font-display);font-weight:800;font-size:1.15rem;color:var(--navy-deep)}.logo-wrapper img{height:42px;width:auto}.nav-links{display:flex;align-items:center;gap:.25rem}.nav-links a{padding:.55rem .85rem;border-radius:999px;font-size:.92rem;font-weight:500;color:var(--muted);transition:color .2s ease,background .2s ease}.nav-links a:hover,.nav-links a.active{color:var(--navy);background:var(--navy-soft)}.nav-cta{display:none}.mobile-nav-toggle{display:none;width:44px;height:44px;place-items:center;border:1px solid var(--border);border-radius:12px;background:#fffc;color:var(--navy);cursor:pointer;font-size:1.1rem;position:relative;z-index:1002;transition:background .2s ease,border-color .2s ease,color .2s ease}.mobile-nav-toggle[aria-expanded=true]{background:var(--navy-soft);border-color:transparent;color:var(--navy-deep)}.nav-backdrop,.nav-mobile-cta{display:none}body.landing-nav-open{overflow:hidden}.hero{min-height:100dvh;display:flex;align-items:center;padding-top:calc(var(--nav-h) + 1.5rem);padding-bottom:3rem;position:relative;overflow:hidden;background:#fff}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 55% 50% at 85% 40%,rgba(30,58,138,.07),transparent 60%),radial-gradient(ellipse 40% 40% at 10% 80%,rgba(16,185,129,.06),transparent 55%);z-index:0;pointer-events:none}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,3.5rem);align-items:center;width:min(1140px,calc(100% - 2.5rem));margin-inline:auto}.hero-brand{font-family:var(--font-display);font-size:clamp(2.8rem,7vw,5rem);font-weight:800;line-height:.95;letter-spacing:-.04em;color:var(--navy-deep);margin-bottom:.85rem}.hero-brand span{display:block;font-size:.28em;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--muted);margin-bottom:.55rem}.hero-tag{display:inline-block;font-size:.95rem;font-weight:600;color:var(--navy);background:var(--navy-soft);border:1px solid var(--border);border-radius:999px;padding:.35rem .85rem;margin-bottom:1rem}.hero h1{font-family:var(--font-display);font-size:clamp(1.35rem,2.6vw,1.85rem);font-weight:700;color:var(--text);line-height:1.3;max-width:20ch;margin-bottom:.9rem}.hero-lead{color:var(--muted);font-size:1.05rem;max-width:38ch;margin-bottom:1.75rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.hero .btn-outline{background:#fff;border-color:var(--border);color:var(--navy)}.hero .btn-outline:hover{border-color:var(--navy);background:var(--navy-soft)}.hero-visual{position:relative;perspective:1000px;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem 0}.hero-visual:before,.hero-visual:after{content:"";position:absolute;z-index:0;border-radius:50%;filter:blur(70px);pointer-events:none}.hero-visual:before{width:280px;height:280px;top:-10%;left:6%;background:#1e3a8a29}.hero-visual:after{width:240px;height:240px;bottom:4%;right:6%;background:#10b98126}.hero-visual-frame{position:relative;z-index:1;width:min(300px,100%);min-width:260px;aspect-ratio:9 / 19.3;border-radius:46px;border:10px solid var(--navy-deep);box-shadow:0 30px 60px -12px #1e3a8a52,0 0 0 1px #0f172a0d;background:var(--navy-deep);overflow:hidden;transform:rotateY(-8deg) rotateX(4deg);transition:transform .45s ease;animation:hero-float 6s ease-in-out infinite}.hero-visual-frame:before{content:"";position:absolute;top:8px;left:50%;translate:-50% 0;width:64px;height:16px;border-radius:999px;background:var(--navy-deep);z-index:3}.hero-visual:hover .hero-visual-frame{transform:rotateY(0) rotateX(0) scale(1.03)}.hero-carousel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;width:100%;height:100%;touch-action:pan-y;cursor:grab}.hero-carousel.dragging{cursor:grabbing}.hero-carousel-track{display:flex;width:100%;height:100%;transform:translate3d(calc(var(--slide) * -100%),0,0);transition:transform .55s cubic-bezier(.65,0,.35,1)}.hero-carousel.dragging .hero-carousel-track{transition:none}.hero-slide{flex:0 0 100%;width:100%;height:100%;position:relative;background:linear-gradient(180deg,#fff,#f8fafc)}.hero-shot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center top;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.hero-carousel-dots{position:relative;z-index:1;display:flex;justify-content:center;gap:.5rem}.hero-carousel-dot{width:8px;height:8px;border-radius:999px;border:none;background:#1e3a8a40;cursor:pointer;padding:0;transition:background .25s ease,width .25s ease}.hero-carousel-dot.active{width:22px;background:var(--navy)}@keyframes hero-float{0%,to{translate:0 0}50%{translate:0 -12px}}.solutions{background:transparent}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.solution-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem 1.5rem;box-shadow:var(--shadow);transition:transform .25s ease,border-color .25s ease;position:relative;overflow:hidden}.solution-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.solution-card.apartment:before{background:var(--navy)}.solution-card.hostel:before{background:var(--emerald)}.solution-card.company:before{background:var(--amber)}.solution-card.college:before{background:#7c3aed}.solution-card:hover{transform:translateY(-6px);border-color:transparent}.solution-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:1.25rem;margin-bottom:1.1rem}.apartment .solution-icon{background:var(--navy-soft);color:var(--navy)}.hostel .solution-icon{background:#d1fae5;color:var(--emerald-deep)}.company .solution-icon{background:#fef3c7;color:#b45309}.college .solution-icon{background:#ede9fe;color:#6d28d9}.solution-card h3{font-family:var(--font-display);font-size:1.35rem;font-weight:800;color:var(--navy-deep);margin-bottom:.4rem}.solution-card .audience{font-size:.88rem;color:var(--muted);margin-bottom:1rem}.solution-card ul{display:grid;gap:.55rem}.solution-card li{display:flex;gap:.55rem;align-items:flex-start;font-size:.94rem;color:var(--text)}.solution-card li i{margin-top:.3rem;color:var(--emerald);font-size:.7rem}.solution-pdf{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.25rem;font-size:.9rem;font-weight:600;color:var(--navy)}.solution-pdf:hover{text-decoration:underline}.solution-pdf i{color:#dc2626}.features{background:var(--surface-soft);border-block:1px solid var(--border)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.feature-item{padding:1.4rem 1.2rem;border-radius:16px;border:1px solid var(--border);background:linear-gradient(180deg,#fff,#f8fafc);transition:border-color .2s ease,transform .2s ease}.feature-item:hover{border-color:#1e3a8a59;transform:translateY(-3px)}.feature-item i{font-size:1.35rem;color:var(--navy);margin-bottom:.85rem}.feature-item h3{font-family:var(--font-display);font-size:1.05rem;font-weight:700;margin-bottom:.35rem;color:var(--navy-deep)}.feature-item p{font-size:.9rem;color:var(--muted)}.roles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.role-card{text-align:center;padding:1.6rem 1.1rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.role-card .role-icon{width:56px;height:56px;margin:0 auto 1rem;border-radius:50%;display:grid;place-items:center;background:var(--navy-soft);color:var(--navy);font-size:1.2rem}.role-card h3{font-family:var(--font-display);font-weight:800;font-size:1.1rem;color:var(--navy-deep);margin-bottom:.4rem}.role-card p{font-size:.9rem;color:var(--muted)}.how{background:var(--surface-soft);border-block:1px solid var(--border);color:var(--text)}.how .section-head .eyebrow{color:var(--emerald-deep)}.how .section-head h2{color:var(--navy-deep)}.how .section-head p{color:var(--muted);opacity:1}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;counter-reset:step}.step{position:relative;padding:1.5rem 1.2rem;border-radius:16px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}.step:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;font-family:var(--font-display);font-weight:800;margin-bottom:1rem}.step h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:.4rem;color:var(--navy-deep)}.step p{font-size:.9rem;color:var(--muted);opacity:1}.contact{background:#fff;border-block:1px solid var(--border)}.contact-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;background:#fff;border:1px solid var(--border);border-radius:28px;padding:clamp(1.75rem,4vw,2.75rem);box-shadow:var(--shadow)}.contact-panel h2{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:var(--navy-deep);letter-spacing:-.02em;margin-bottom:.75rem}.contact-panel .lead{color:var(--muted);font-size:1.05rem;margin-bottom:1.5rem;max-width:38ch}.contact-actions{display:flex;flex-wrap:wrap;gap:.75rem}.contact-cards{display:grid;gap:.85rem}.contact-card{display:flex;align-items:flex-start;gap:.9rem;padding:1.1rem 1.15rem;border-radius:16px;background:var(--surface);border:1px solid var(--border);transition:border-color .2s ease,transform .2s ease}.contact-card:hover{border-color:#1e3a8a59;transform:translateY(-2px)}.contact-card i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--navy-soft);color:var(--navy);flex-shrink:0}.contact-card strong{display:block;font-family:var(--font-display);font-size:.95rem;color:var(--navy-deep);margin-bottom:.15rem}.contact-card span,.contact-card a{font-size:.92rem;color:var(--muted)}.contact-card a:hover{color:var(--navy)}.reviews{background:var(--surface-soft);border-block:1px solid var(--border);overflow:hidden}.reviews .section-head{margin-bottom:2.5rem}.review-marquee-stack{display:grid;gap:1.25rem;width:100%}.review-marquee{position:relative;width:100%}.review-marquee-viewport{overflow:hidden;width:100%}.review-marquee-track{display:flex;gap:1.25rem;width:max-content;animation:review-marquee-scroll var(--marquee-duration, 50s) linear infinite;will-change:transform}.review-marquee--reverse .review-marquee-track{animation-direction:reverse}.review-marquee:hover .review-marquee-track{animation-play-state:paused}@keyframes review-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.review-marquee-edge{position:absolute;top:0;bottom:0;width:clamp(2rem,8vw,5rem);z-index:2;pointer-events:none}.review-marquee-edge--left{left:0;background:linear-gradient(90deg,var(--surface-soft) 15%,transparent)}.review-marquee-edge--right{right:0;background:linear-gradient(270deg,var(--surface-soft) 15%,transparent)}.review-card{flex:0 0 auto;width:min(360px,82vw);padding:1.5rem 1.35rem;border-radius:var(--radius);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.review-card:hover{transform:translateY(-4px);border-color:#1e3a8a1f;box-shadow:0 18px 44px #0f172a14}.review-card-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.review-quote-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy-soft),#e0e7ff);color:var(--navy);font-size:.95rem;flex-shrink:0}.review-stars{display:flex;gap:.2rem;color:var(--amber);font-size:.78rem}.review-card p{font-size:.98rem;color:var(--text);margin-bottom:1.15rem;line-height:1.65;min-height:4.8em}.review-card strong{display:block;font-family:var(--font-display);color:var(--navy-deep);font-size:.95rem}.review-card span{font-size:.85rem;color:var(--muted)}.download{text-align:center;background:#fff}.download-panel{background:#fff;border:1px solid var(--border);border-radius:28px;padding:clamp(2.5rem,6vw,4rem) 1.5rem;color:var(--text);box-shadow:var(--shadow)}.download-panel img{height:72px;width:auto;margin:0 auto 1.25rem}.download-panel h2{font-family:var(--font-display);font-size:clamp(1.7rem,3vw,2.3rem);font-weight:800;margin-bottom:.5rem;color:var(--navy-deep)}.download-panel p{color:var(--muted);margin-bottom:1.75rem;max-width:36ch;margin-inline:auto}.store-row{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem}.store-btn{display:inline-flex;align-items:center;gap:.65rem;min-height:52px;padding:.7rem 1.35rem;border-radius:14px;background:var(--navy);color:#fff;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.store-btn:hover{transform:translateY(-2px);background:var(--navy-deep);box-shadow:0 12px 28px #1e3a8a38}.store-btn i{font-size:1.35rem}footer{background:#fff;color:var(--muted);padding:3.5rem 0 2rem;border-top:1px solid var(--border)}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2rem;margin-bottom:2.5rem}.footer-brand{display:flex;align-items:center;gap:.75rem;margin-bottom:.85rem}.footer-brand img{height:40px}.footer-brand strong{font-family:var(--font-display);font-size:1.2rem;color:var(--navy-deep)}.footer-grid p{font-size:.95rem;max-width:32ch;line-height:1.7;color:var(--muted)}.footer-grid h4{font-family:var(--font-display);color:var(--navy-deep);margin-bottom:.85rem;font-size:1rem}.footer-grid a,.footer-grid li{display:block;margin-bottom:.45rem;font-size:.93rem;color:var(--muted);transition:color .2s ease}.footer-grid a:hover{color:var(--navy)}.footer-grid i{width:1.1rem;margin-right:.45rem;color:var(--navy)}.footer-bottom{border-top:1px solid var(--border);padding-top:1.25rem;font-size:.85rem;color:var(--muted);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem}.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.reveal.active{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}@media (max-width: 1024px){.hero-inner{grid-template-columns:1fr;text-align:center}.hero h1,.hero-lead{max-width:none;margin-inline:auto}.hero-buttons{justify-content:center}.hero-tag{margin-inline:auto}.hero-visual{max-width:520px;margin-inline:auto;width:100%;padding-inline:.25rem}.hero-visual-frame{transform:none;animation:none}.solution-grid,.footer-grid,.contact-panel,.feature-grid,.roles-grid,.steps{grid-template-columns:1fr 1fr}.nav-cta{display:inline-flex}}@media (max-width: 768px){:root{--nav-h: 68px}.mobile-nav-toggle{display:grid;flex-shrink:0}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;background:#0f172a80;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}.nav-backdrop.active{opacity:1;visibility:visible;pointer-events:auto}.nav-links{position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;width:100%;height:calc(100vh - var(--nav-h));height:calc(100dvh - var(--nav-h));z-index:1001;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.35rem;margin:0;padding:1.25rem 1.25rem max(1.75rem,env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--border);box-shadow:none;transform:translate3d(100%,0,0);visibility:hidden;pointer-events:none;transition:transform .32s cubic-bezier(.22,1,.36,1),visibility .32s;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.nav-links.active{transform:translateZ(0);visibility:visible;pointer-events:auto}.nav-links li{width:100%;flex-shrink:0}.nav-links a{display:flex;align-items:center;width:100%;min-height:52px;padding:.9rem 1.15rem;border-radius:14px;font-size:1.125rem;font-weight:600;color:var(--navy-deep);letter-spacing:-.01em}.nav-links a:hover,.nav-links a.active{color:var(--navy);background:var(--navy-soft)}.nav-mobile-cta{display:flex;width:100%;margin-top:auto;padding-top:1.25rem;border-top:1px solid var(--border);flex-shrink:0}.nav-mobile-cta .btn{width:100%;min-height:52px;font-size:1rem}.nav-cta{display:none}.logo-wrapper img{height:36px}.container,.nav-inner,.hero-inner{width:min(1140px,calc(100% - 2rem))}.solution-grid,.feature-grid,.roles-grid,.steps,.footer-grid,.contact-panel{grid-template-columns:1fr}.hero{min-height:auto;padding-top:calc(var(--nav-h) + 1.25rem);padding-bottom:3.5rem}.hero-brand{font-size:clamp(2.35rem,11vw,3.25rem)}.hero-buttons{flex-direction:column;width:100%}.hero-buttons .btn{width:100%}.hero-visual{margin-top:.5rem;align-self:stretch}.hero-visual:before,.hero-visual:after{display:none}.hero-visual-frame{width:100%;max-width:300px;min-width:0;margin-inline:auto;aspect-ratio:9 / 19.5;border:none;border-radius:24px;background:#f8fafc;box-shadow:var(--shadow);animation:none;transform:none!important}.hero-visual-frame:before{display:none}.hero-shot{object-fit:contain;object-position:center top}.hero-carousel-dots{margin-top:.25rem}.section{padding:clamp(3.25rem,10vw,5rem) 0}.section-head{margin-bottom:2.25rem}}@media (max-width: 480px){.hero-brand{font-size:clamp(2.1rem,12vw,2.6rem)}.hero h1{font-size:clamp(1.45rem,6.5vw,1.85rem)}.hero-lead{font-size:.98rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.loader-mark,.hero-visual-frame,.hero-shot,.reveal{animation:none!important;transition:none!important;transform:none!important}.hero-carousel-track{transition:none!important}.reveal{opacity:1!important}.nav-links,.nav-backdrop{transition:none!important}.review-marquee-track{animation:none!important;flex-wrap:wrap;width:100%;justify-content:center}.review-marquee-viewport{overflow:visible}.review-marquee-edge{display:none}.review-marquee-stack{gap:1rem;padding-inline:1.25rem}}.contact-eyebrow{color:var(--emerald-deep);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem}.login-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(ellipse 60% 50% at 10% 0%,rgba(30,58,138,.08),transparent 55%),radial-gradient(ellipse 50% 40% at 90% 100%,rgba(16,185,129,.08),transparent 50%),var(--bg)}.login-card{width:min(440px,100%);padding:2rem 1.75rem}.login-brand{text-align:center;margin-bottom:1.5rem}.login-brand img{margin:0 auto .75rem;border-radius:16px}.login-brand h1{font-family:var(--font-display);font-size:1.65rem;font-weight:800;color:var(--navy-deep)}.login-brand p{color:var(--muted);font-size:.95rem;margin-top:.35rem}.role-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem;margin-bottom:.5rem}.role-tab{border:1px solid var(--border);background:#fff;border-radius:10px;padding:.55rem .35rem;font-size:.78rem;font-weight:600;color:var(--muted);cursor:pointer}.role-tab.active{background:var(--navy-soft);border-color:var(--navy);color:var(--navy)}.role-hint{text-align:center;font-size:.8rem;color:var(--muted);margin-bottom:1rem}.login-form{display:flex;flex-direction:column;gap:1rem}.password-wrap{position:relative}.password-wrap input{padding-right:2.75rem}.toggle-pw{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;font-size:1rem;line-height:1}.login-error{text-align:center}.login-submit{width:100%;margin-top:.25rem}.login-footer{text-align:center;margin-top:1.25rem;font-size:.9rem}.login-footer a{color:var(--navy);font-weight:600}.admin-shell{display:flex;min-height:100vh;background:var(--bg)}.admin-sidebar{width:var(--sidebar-w);flex-shrink:0;background:linear-gradient(180deg,var(--navy-deep) 0%,var(--navy) 100%);color:#fff;display:flex;flex-direction:column;padding:1.25rem .85rem}.admin-brand{display:flex;align-items:center;gap:.65rem;padding:0 .75rem 1.25rem;font-family:var(--font-display);font-weight:800;font-size:1.1rem;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:1rem}.admin-nav{display:flex;flex-direction:column;gap:.25rem}.admin-nav-link{display:flex;align-items:center;gap:.65rem;padding:.7rem .85rem;border-radius:10px;font-size:.92rem;font-weight:500;color:#ffffffbf;transition:background .15s ease,color .15s ease}.admin-nav-link:hover{background:#ffffff14;color:#fff}.admin-nav-link.active{background:#ffffff26;color:#fff;font-weight:600}.admin-nav-icon{width:1.25rem;text-align:center;font-size:1rem}.admin-main{flex:1;display:flex;flex-direction:column;min-width:0}.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid var(--border)}.admin-topbar h1{font-family:var(--font-display);font-size:1.35rem;font-weight:800;color:var(--navy-deep)}.admin-profile{display:flex;align-items:center;gap:.65rem}.admin-avatar{width:40px;height:40px;border-radius:50%;background:var(--navy-soft);color:var(--navy);display:grid;place-items:center;font-weight:700}.admin-profile-meta{display:flex;flex-direction:column;line-height:1.2}.admin-profile-meta strong{font-size:.9rem}.admin-profile-meta span{font-size:.75rem;color:var(--muted)}.admin-logout{min-height:36px;padding:.4rem .85rem;font-size:.85rem}.admin-content{flex:1;padding:1.25rem 1.5rem 2rem;overflow:auto}@media (max-width: 900px){.admin-shell{flex-direction:column}.admin-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;padding:.75rem}.admin-brand{border:none;margin:0;padding-bottom:0}.admin-nav{flex-direction:row;flex-wrap:wrap;width:100%}.admin-nav-link{padding:.5rem .65rem;font-size:.82rem}}.visitors-panel.loading{padding:2rem;text-align:center;color:var(--muted)}.visitors-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem;font-size:.9rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.25rem}.stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem;box-shadow:var(--shadow)}.stat-label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.35rem}.stat-value{font-family:var(--font-display);font-size:2rem;font-weight:800;line-height:1}.stat-value.navy{color:var(--navy-deep)}.stat-value.green{color:var(--emerald-deep)}.live-visitors{padding:1.25rem}.live-visitors-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.live-visitors-head h2{font-family:var(--font-display);font-size:1.15rem;font-weight:800;color:var(--navy-deep)}.view-all{min-height:38px;padding:.45rem 1.1rem;font-size:.88rem}.visitors-table-wrap{overflow-x:auto}.visitors-table{width:100%;border-collapse:collapse;font-size:.92rem}.visitors-table th{text-align:left;padding:.75rem .65rem;color:var(--muted);font-weight:600;border-bottom:1px solid var(--border)}.visitors-table td{padding:.85rem .65rem;border-bottom:1px solid var(--border)}.visitors-table tr:last-child td{border-bottom:none}.empty-row{text-align:center;color:var(--muted);padding:2rem!important}.status-pill{display:inline-block;padding:.25rem .65rem;border-radius:999px;font-size:.8rem;font-weight:600;background:var(--navy-soft);color:var(--navy)}.status-pill.in{background:#d1fae5;color:var(--emerald-deep)}.live-visitors-foot{display:flex;justify-content:flex-end;margin-top:1rem}@media (max-width: 900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.stats-grid{grid-template-columns:1fr}}.user-shell{min-height:100vh;background:var(--bg)}.user-topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid var(--border)}.user-brand{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:800;color:var(--navy-deep)}.user-profile{display:flex;align-items:center;gap:.75rem}.user-main{max-width:720px;margin:2rem auto;padding:2rem}.user-main h1{font-family:var(--font-display);color:var(--navy-deep);margin-bottom:.5rem}.user-lead{color:var(--muted);margin-bottom:1.5rem}.user-quick{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.user-quick-card{background:var(--navy-soft);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.25rem}.user-quick-card strong{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.college-page{max-width:1100px}.college-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1.25rem;align-items:start}.college-form-section,.college-list-section{padding:1.25rem}.college-form-section h2,.college-list-section h2{font-family:var(--font-display);font-size:1.15rem;margin-bottom:.35rem;color:var(--navy-deep)}.section-lead{color:var(--muted);font-size:.9rem;margin-bottom:1rem}.college-form{display:flex;flex-direction:column;gap:.85rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-message{font-size:.9rem;color:var(--danger)}.form-message.ok{color:var(--emerald-deep)}.college-list{list-style:none;display:flex;flex-direction:column;gap:.65rem}.college-list-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.85rem;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.college-list-item strong{display:block;margin-bottom:.15rem}.college-list-item span{display:block;font-size:.85rem;color:var(--muted)}.college-list-item small{display:block;font-size:.8rem;color:var(--muted);margin-top:.25rem}.muted{color:var(--muted)}@media (max-width: 900px){.college-grid,.field-row{grid-template-columns:1fr}}.properties-page{display:grid;grid-template-columns:1.2fr .8fr;gap:1.25rem;align-items:start}.properties-section,.properties-list-section{padding:1.25rem}.properties-section h2,.properties-list-section h2{font-family:var(--font-display);font-size:1.1rem;color:var(--navy-deep);margin-bottom:.35rem}.inline-college{margin:1rem 0;padding:1rem;background:var(--bg)}.inline-college-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.inline-college-head h3{font-size:.95rem}.inline-college-fields{display:flex;flex-direction:column;gap:.75rem}.block-form{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.block-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.block-list li{display:flex;justify-content:space-between;padding:.75rem;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.block-list span{color:var(--muted);font-size:.85rem}@media (max-width: 900px){.properties-page{grid-template-columns:1fr}}:root{--navy: #1e3a8a;--navy-deep: #13275c;--navy-soft: #eef2ff;--emerald: #10b981;--emerald-deep: #059669;--amber: #f59e0b;--bg: #f4f6fb;--surface: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e8eef5;--danger: #dc2626;--sidebar-w: 260px;--font-display: "Manrope", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--radius: 14px;--shadow: 0 14px 40px rgba(15, 23, 42, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}#root{min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.65rem 1.25rem;border-radius:999px;font-weight:600;font-size:.95rem;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--navy);color:#fff;box-shadow:0 8px 24px #1e3a8a40}.btn-primary:hover:not(:disabled){background:var(--navy-deep)}.btn-outline{background:#fff;border-color:var(--border);color:var(--navy)}.btn-accent{background:var(--emerald);color:#042f2e}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-size:.85rem;font-weight:600;color:var(--muted)}.field input,.field select,.field textarea{width:100%;min-height:46px;padding:.65rem .85rem;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px #1e3a8a1f}.field-error{font-size:.8rem;color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.page-loader{display:grid;place-items:center;min-height:40vh;color:var(--muted)}