:root{--navy:#102a43;--navy-deep:#0b2036;--blue:#1e6edb;--sky:#eaf4ff;--gold:#ffc857;--ink:#142438;--muted:#6c7d8f;--line:#e4edf5;--white:#fff;--radius:18px;--shadow:0 16px 45px rgba(16,42,67,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}h1,h2,h3,.navbar-brand{font-family:'Plus Jakarta Sans',sans-serif}h2{font-size:clamp(2rem,3.6vw,3.15rem);line-height:1.14;font-weight:800;color:var(--navy);letter-spacing:-.045em}a{text-decoration:none;color:inherit;transition:.25s ease}.section-padding{padding:110px 0}.section-kicker{display:inline-block;color:var(--blue);font-size:.76rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:16px}.section-lead{color:var(--muted);font-size:1.08rem;line-height:1.8}.section-heading{margin-bottom:38px}.section-heading>div>p,.section-heading>p{color:var(--muted);line-height:1.7;margin:0}.btn{border-radius:10px;font-weight:700;border-width:1px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px);box-shadow:0 9px 20px rgba(13,67,125,.18)}.btn-primary{background:var(--blue);border-color:var(--blue)}.btn-accent{background:var(--gold);border-color:var(--gold);color:var(--navy)}.btn-accent:hover{background:#ffd477;border-color:#ffd477;color:var(--navy)}.text-link{color:var(--blue);font-weight:800;font-size:.93rem}.text-link i{font-size:.75rem;margin-left:7px;transition:transform .2s}.text-link:hover i{transform:translateX(4px)}
/* navigation */.navbar{height:82px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);z-index:1000;border-bottom:1px solid rgba(228,237,245,.8);transition:height .25s,box-shadow .25s}.navbar.scrolled{height:70px;box-shadow:0 5px 22px rgba(16,42,67,.08)}.navbar-brand{font-size:1.08rem;font-weight:800;color:var(--navy)}.navbar-brand b{color:var(--blue)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--navy);color:var(--gold);font-size:1rem;transform:rotate(-8deg)}.brand-mark i{transform:rotate(8deg)}.nav-link{font-size:.88rem;font-weight:600;color:#52677c!important;padding:8px!important}.nav-link:hover,.nav-link.active{color:var(--blue)!important}.login-link{font-weight:700;font-size:.9rem;color:var(--navy);padding:8px 10px}.navbar-toggler{border:0;color:var(--navy);font-size:1.3rem}.navbar-toggler:focus{box-shadow:none}
/* hero */.hero-section{position:relative;min-height:700px;padding:175px 0 130px;background:var(--navy);color:#fff;overflow:hidden}.hero-section:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to bottom,black,transparent)}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);opacity:.4}.glow-one{width:500px;height:500px;right:-100px;top:-150px;background:radial-gradient(circle,rgba(30,110,219,.45),transparent 68%)}.glow-two{width:450px;height:450px;left:-250px;bottom:-200px;background:radial-gradient(circle,rgba(255,200,87,.18),transparent 65%)}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.14em;color:#9fc9f5;font-size:.72rem;font-weight:800;margin-bottom:22px}.eyebrow-dot{width:8px;height:8px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 5px rgba(255,200,87,.14)}h1{font-size:clamp(3.15rem,6vw,5.6rem);font-weight:800;letter-spacing:-.07em;line-height:1.02;margin:0 0 23px}.hero-copy h1 span{color:var(--gold)}.hero-tagline{font-size:1.2rem;font-weight:600;line-height:1.45;max-width:500px;margin-bottom:12px}.hero-description{color:#a9bed1;line-height:1.75;max-width:485px}.hero-actions{margin-top:30px}.hero-actions .btn-outline-light{border-color:rgba(255,255,255,.4);color:#fff}.hero-actions .btn-outline-light:hover{background:#fff;color:var(--navy)}.trust-row{display:flex;align-items:center;gap:14px;margin-top:35px;color:#9fb3c6;font-size:.82rem}.avatar-stack{display:flex;padding-left:8px}.avatar-stack span{display:grid;place-items:center;width:28px;height:28px;border:2px solid var(--navy);border-radius:50%;margin-left:-8px;background:#f1ae8d;color:var(--navy);font-size:.68rem;font-weight:800}.avatar-stack span:nth-child(2){background:#82b6ec}.avatar-stack span:nth-child(3){background:#d6a8e8}.avatar-stack span:last-child{background:var(--gold);font-size:.55rem}.hero-visual{position:relative;min-height:400px}.main-visual-card{position:absolute;top:35px;left:18%;width:305px;background:#fff;color:var(--ink);border-radius:24px;padding:20px;box-shadow:0 30px 80px rgba(0,0,0,.23);z-index:2;transform:rotate(3deg);animation:float 5s ease-in-out infinite}.card-top,.match-bar{display:flex;align-items:center;justify-content:space-between}.status-pill{color:#198754;background:#e8f7ef;border-radius:30px;padding:6px 10px;font-size:.65rem;font-weight:800}.status-pill i{font-size:.4rem;margin-right:4px}.more-dots{color:#9badbc;letter-spacing:2px}.item-illustration{height:205px;background:linear-gradient(135deg,#e1eef9,#f5f8fb);border-radius:17px;margin:18px 0;display:grid;place-items:center;color:var(--navy);font-size:5rem}.main-visual-card h3{font-size:1.1rem;margin:0 0 7px}.main-visual-card p{font-size:.72rem;color:var(--muted);margin:0}.main-visual-card p i{color:var(--blue)}.main-visual-card p span{margin:0 6px;color:#c3cdd6}.match-bar{border-top:1px solid var(--line);margin-top:17px;padding-top:14px;font-size:.68rem}.match-bar span{color:var(--muted)}.match-bar i{color:var(--blue);margin-right:4px}.match-bar strong{color:#198754}.floating-card{position:absolute;background:#fff;color:var(--ink);border-radius:13px;box-shadow:0 16px 40px rgba(0,0,0,.17);z-index:3}.found-float{display:flex;align-items:center;gap:10px;padding:12px 15px;left:5%;bottom:70px}.float-icon{display:grid;place-items:center;width:31px;height:31px;color:#198754;background:#e4f8ec;border-radius:9px}.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:.76rem}.floating-card small{font-size:.6rem;color:var(--muted);margin-top:3px}.search-float{top:38px;right:2%;padding:12px 16px;color:var(--navy);font-size:.7rem;font-weight:700}.search-float i{color:var(--blue);margin-right:8px}.visual-orbit{position:absolute;border:1px solid rgba(159,201,245,.22);border-radius:50%;width:500px;height:500px;left:3%;top:-30px}.orbit-two{width:360px;height:360px;left:16%;top:40px;border-color:rgba(255,200,87,.18)}.hero-wave{position:absolute;bottom:-1px;left:-2%;width:104%;height:45px;background:#fff;clip-path:ellipse(56% 60% at 50% 100%)}
/* content */.intro-section{background:#fff}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mini-feature{display:flex;gap:14px;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:.25s}.mini-feature:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#c5def7}.mini-icon{flex:0 0 39px;height:39px;display:grid;place-items:center;color:var(--blue);background:var(--sky);border-radius:11px}.mini-feature h3{font-size:.88rem;margin:1px 0 6px}.mini-feature p{font-size:.75rem;color:var(--muted);line-height:1.5;margin:0}.steps-section{background:#f5f9fd}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step-card{position:relative;background:#fff;padding:28px 24px;border-radius:var(--radius);box-shadow:0 7px 22px rgba(16,42,67,.04);overflow:hidden}.step-number{position:absolute;right:17px;top:15px;color:#dbeaf8;font-family:'Plus Jakarta Sans';font-weight:800;font-size:1.35rem}.step-icon{width:53px;height:53px;display:grid;place-items:center;border-radius:15px;background:var(--navy);color:var(--gold);font-size:1.15rem;margin-bottom:26px}.step-card h3{font-size:1.1rem}.step-card p{color:var(--muted);font-size:.82rem;line-height:1.65;margin:0}.categories-section{background:#fff}.categories-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.category-card{position:relative;display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:13px;padding:17px 15px}.category-card:hover{background:var(--sky);border-color:#b8d9f7;transform:translateY(-3px)}.category-card span{font-size:1.45rem}.category-card strong{font-size:.8rem}.category-card i{position:absolute;right:10px;top:10px;color:#b8c8d7;font-size:.55rem}.recent-section{background:#f5f9fd}.item-card{height:100%;background:#fff;border-radius:17px;overflow:hidden;box-shadow:0 7px 22px rgba(16,42,67,.04);transition:.25s}.item-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.item-image{height:215px;position:relative;background:#dceaf5;overflow:hidden}.item-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.item-card:hover .item-image img{transform:scale(1.06)}.item-status{position:absolute;left:15px;top:15px;padding:6px 11px;border-radius:30px;font-size:.68rem;font-weight:800}.item-status.found{background:#e5f8ee;color:#16844c}.item-status.lost{background:#fff2d8;color:#a86700}.item-content{padding:21px}.item-content h3{font-size:1.08rem;margin:0 0 10px}.item-content p{color:var(--muted);font-size:.78rem;margin-bottom:19px}.item-content p i{color:var(--blue);margin-right:5px}.item-footer{border-top:1px solid var(--line);padding-top:15px;display:flex;align-items:center;justify-content:space-between;color:#8091a1;font-size:.67rem}.item-footer a{font-weight:800;color:var(--blue)}.item-footer a i{font-size:.6rem;margin-left:4px}.cta-section{padding:25px 0 110px;background:#f5f9fd}.cta-box{position:relative;overflow:hidden;background:var(--navy);border-radius:24px;padding:63px 72px;display:flex;align-items:center;justify-content:space-between;gap:35px;color:#fff}.cta-box h2{color:#fff;margin-bottom:14px}.cta-box p{color:#aec0d0;line-height:1.7;max-width:490px;margin:0}.cta-box .section-kicker{color:var(--gold)}.cta-actions{display:flex;flex-direction:column;gap:12px;min-width:185px;z-index:1}.cta-actions .btn-outline-light:hover{background:#fff;color:var(--navy)}.cta-sparkle{position:absolute;right:35%;bottom:-50px;color:rgba(255,255,255,.04);font-size:15rem;transform:rotate(-15deg)}.about-section{background:#fff}.about-art{height:345px;position:relative;background:linear-gradient(140deg,#eaf4ff,#f8fbff);border-radius:28px;overflow:hidden}.about-circle{position:absolute;border:1px solid #b8d9f7;border-radius:50%}.circle-a{width:370px;height:370px;top:-130px;left:-110px}.circle-b{width:270px;height:270px;right:-90px;bottom:-100px;border-color:#f7d990}.about-icon{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%) rotate(-8deg);display:grid;place-items:center;width:120px;height:120px;background:var(--navy);border-radius:35px;color:var(--gold);font-size:3rem;box-shadow:15px 15px 0 rgba(30,110,219,.16)}.about-stat{position:absolute;right:28px;bottom:26px;background:#fff;border-radius:12px;padding:13px 17px;box-shadow:var(--shadow)}.about-stat strong{font-size:1.15rem;color:var(--blue);display:block}.about-stat span{font-size:.65rem;color:var(--muted)}.site-footer{background:#0b2036;color:#a8bacb;padding:45px 0 22px}.site-footer .navbar-brand{color:#fff}.site-footer p{margin:17px 0 0;font-size:.82rem}.footer-main{display:flex;justify-content:space-between;align-items:center;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-links{display:flex;gap:25px;font-size:.78rem}.footer-links a:hover{color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;padding-top:20px;font-size:.7rem}.footer-bottom i{color:var(--gold);margin-right:4px}.back-to-top{position:fixed;bottom:25px;right:25px;width:40px;height:40px;border-radius:12px;border:0;background:var(--gold);color:var(--navy);display:none;z-index:10;box-shadow:var(--shadow)}.back-to-top.show{display:block}
@keyframes float{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-12px)}}@keyframes slide-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pwa-install-button{position:fixed;left:24px;bottom:25px;z-index:10;border:0;border-radius:12px;padding:11px 15px;background:var(--navy);color:#fff;box-shadow:var(--shadow);font:700 .75rem 'DM Sans',sans-serif;display:flex;align-items:center;gap:8px;animation:slide-up .35s ease}.pwa-install-button i{color:var(--gold)}
@media(max-width:991px){.navbar{height:72px}.navbar-collapse{background:#fff;padding:15px 0 20px}.nav-actions{margin-top:10px}.hero-section{padding-top:135px}.hero-visual{max-width:560px;margin:auto}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(2,1fr)}.categories-grid{grid-template-columns:repeat(3,1fr)}.cta-box{padding:48px}.footer-main{align-items:flex-start;gap:25px;flex-direction:column}.footer-links{flex-wrap:wrap}}
@media(max-width:575px){.section-padding{padding:75px 0}.hero-section{min-height:0;padding:125px 0 90px}.hero-copy h1{font-size:3.25rem}.hero-tagline{font-size:1rem}.hero-visual{min-height:360px;transform:scale(.86);transform-origin:top center;margin-bottom:-45px}.main-visual-card{left:10%}.search-float{right:-3%}.found-float{left:0}.feature-grid,.steps-grid{grid-template-columns:1fr}.categories-grid{grid-template-columns:repeat(2,1fr)}.category-card{padding:14px 11px}.category-card strong{font-size:.73rem}.cta-section{padding-bottom:75px}.cta-box{padding:38px 25px;display:block}.cta-box h2{font-size:2.2rem}.cta-actions{margin-top:27px}.about-art{height:280px}.footer-bottom{display:block;line-height:1.8}.footer-bottom span{display:block}.footer-bottom span+span{margin-top:7px}.pwa-install-button{left:15px;bottom:15px}}