
:root{--navy:#061b3a;--navy-2:#0b2f63;--red:#e31b23;--light:#f5f7fb;--text:#0c1f3d;--muted:#64748b;--border:#dfe6ef}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:#fff}
a{text-decoration:none}
.navbar{background:rgba(5,25,57,.98);box-shadow:0 3px 18px rgba(0,0,0,.12)}
.navbar-brand img{height:48px;width:auto;display:block;opacity:1;filter:brightness(1.35) drop-shadow(0 0 8px rgba(255,255,255,.35))}
.nav-link{font-weight:600;color:#fff!important}
.nav-link:hover{color:#ff6b6f!important}
.btn{border-radius:6px;font-weight:700}
.btn-danger{background:var(--red);border-color:var(--red)}
.hero-main{min-height:610px;display:flex;align-items:center;color:#fff;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(4,22,51,.97) 0%,rgba(4,22,51,.82) 44%,rgba(4,22,51,.25) 75%,rgba(4,22,51,.05) 100%),url("startuptech-hero-reference.jpg") center/cover no-repeat}
.hero-main:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(227,27,35,.2),transparent 28%)}
.hero-content{position:relative;z-index:2}
.hero-main h1{font-size:clamp(2.25rem,4.5vw,4rem);font-weight:850;line-height:1.06;letter-spacing:-.04em}
.hero-main .lead{color:#e7edf7;max-width:700px}
.kicker{display:inline-flex;align-items:center;gap:.5rem;text-transform:uppercase;font-size:.78rem;letter-spacing:.13em;font-weight:800;color:#ff777b}
.stats-strip{margin-top:-52px;position:relative;z-index:5;background:#fff;border-radius:10px;box-shadow:0 15px 35px rgba(6,27,58,.16);border:1px solid var(--border)}
.stat-item{padding:22px 18px;text-align:center;border-right:1px solid var(--border)}
.stat-item:last-child{border-right:0}
.stat-icon{font-size:1.75rem;color:var(--red);margin-bottom:.35rem}
.section-pad{padding:90px 0}
.section-title{font-weight:800;letter-spacing:-.035em;font-size:clamp(2rem,4vw,3.5rem)}
.text-muted-custom{color:var(--muted)}
.feature-card,.listing-card,.event-card,.ai-card{height:100%;border:1px solid var(--border);border-radius:10px;background:#fff;transition:.25s;overflow:hidden}
.feature-card:hover,.listing-card:hover,.event-card:hover,.ai-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(6,27,58,.11)}
.icon-box{width:58px;height:58px;display:grid;place-items:center;border-radius:12px;background:#fff0f1;color:var(--red);font-size:1.55rem}
.bg-soft{background:var(--light)}
.page-hero{padding:150px 0 80px;background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff}
.page-hero h1{line-height:1.06;letter-spacing:-.035em}
.tag{display:inline-block;padding:.38rem .7rem;border-radius:999px;background:#eef3f8;color:#334f73;font-size:.75rem;font-weight:700}
.avatar{width:54px;height:54px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--navy-2),var(--red))}
.cta{background:linear-gradient(135deg,var(--navy),#0b396f 60%,#78141a);border-radius:12px;color:#fff}
.trust-bar{background:var(--navy);color:#fff;border-radius:8px}
.trust-item{padding:20px;text-align:center;border-right:1px solid rgba(255,255,255,.18)}
.trust-item:last-child{border-right:0}
footer{background:#04152f;color:#c9d6e6}
footer .footer-logo{height:60px;width:auto;opacity:1;filter:brightness(1.35) drop-shadow(0 0 8px rgba(255,255,255,.35))}
.auth-logo{height:60px;width:auto;opacity:1;filter:brightness(1.35) drop-shadow(0 0 8px rgba(255,255,255,.35))}
footer a{color:#c9d6e6}
footer a:hover{color:#fff}
.form-control,.form-select{border-radius:7px;padding:.82rem 1rem}
@media(max-width:991px){.navbar{padding-top:.45rem!important;padding-bottom:.45rem!important}.navbar .container{align-items:center}.navbar-brand img{height:38px}.navbar-toggler{border-color:rgba(255,255,255,.35);padding:.35rem .55rem}.navbar-collapse{margin-top:.75rem;padding:.75rem 0 1rem;border-top:1px solid rgba(255,255,255,.16)}.navbar-nav{gap:.25rem}.nav-link{padding:.65rem 0}.navbar-nav .btn{display:block;width:100%;margin-top:.4rem;padding:.65rem 1rem}.hero-main{min-height:auto;padding:120px 0 78px;background-position:center}.hero-main h1{font-size:clamp(2rem,9vw,3.2rem);line-height:1.08}.hero-main .lead{font-size:1rem}.hero-main .btn-lg{width:100%;padding:.85rem 1rem}.stats-strip{margin-top:-24px}.stat-item{padding:18px 16px;border-right:0;border-bottom:1px solid var(--border)}.stat-item:last-child{border-bottom:0}.page-hero{padding:116px 0 58px}.page-hero .display-3{font-size:clamp(2.05rem,9vw,3.25rem)}.page-hero .lead{font-size:1rem}.section-pad{padding:58px 0}.section-title{font-size:clamp(1.85rem,8vw,2.75rem);line-height:1.08}.card-media{height:190px}footer{text-align:left}footer .footer-logo,.auth-logo{height:50px}footer .input-group{display:grid;gap:.6rem}footer .input-group>.form-control,footer .input-group>.btn{width:100%;border-radius:7px!important}}

@media(max-width:575px){body{font-size:.97rem}.container{padding-left:1.1rem;padding-right:1.1rem}.kicker{font-size:.68rem;letter-spacing:.08em;line-height:1.35}.hero-main{padding:108px 0 64px}.hero-main h1{font-size:2rem;letter-spacing:-.025em}.hero-main .d-flex{gap:.75rem!important}.page-hero{padding:104px 0 46px}.page-hero .display-3{font-size:2rem;letter-spacing:-.025em}.section-pad{padding:46px 0}.section-title{font-size:1.85rem;letter-spacing:-.025em}.feature-card,.listing-card,.event-card,.ai-card{border-radius:8px}.feature-card.p-4,.listing-card.p-4,.event-card.p-4,.ai-card.p-4{padding:1.25rem!important}.icon-box{width:50px;height:50px;border-radius:10px;font-size:1.35rem}.avatar{width:48px;height:48px}.tag{font-size:.7rem}.trust-bar{border-radius:8px}.trust-item{padding:16px 12px}.card-media{height:170px}.rounded-5{border-radius:14px!important}.p-5{padding:1.5rem!important}.filter-bar{margin-top:-.5rem}.form-control,.form-select{min-height:48px}.btn-lg{font-size:1rem}.footer-logo+p{max-width:24rem}}

.page-hero.has-image{position:relative;overflow:hidden;background-size:cover;background-position:center}
.page-hero.has-image:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,21,47,.96),rgba(4,21,47,.72),rgba(4,21,47,.35))}
.page-hero.has-image .container{position:relative;z-index:2}
.card-media{width:100%;height:210px;object-fit:cover;display:block}
.image-feature-card{overflow:hidden}
.image-feature-card .card-body{padding:1.5rem}
.mini-icon{width:42px;height:42px;border-radius:10px;background:#fff0f1;color:var(--red);display:inline-grid;place-items:center;font-size:1.2rem}
@media(max-width:991px){.card-media{height:190px}}
@media(max-width:575px){.card-media{height:170px}}
