*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Manrope,Arial,sans-serif;background:#f3f6fb;color:#101827;overflow-x:hidden}a{text-decoration:none;color:inherit}.nav{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,92%);z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-radius:40px;background:rgba(7,17,31,.72);backdrop-filter:blur(20px);color:white;box-shadow:0 20px 60px rgba(0,0,0,.22)}.brand{display:flex;gap:12px;align-items:center}.brand span{display:block;font-size:12px;opacity:.7}.logo{width:46px;height:46px;background:linear-gradient(135deg,#0077ff,#d7b56d);display:grid;place-items:center;font-weight:900}.nav nav{display:flex;gap:18px}.nav a{font-weight:800;font-size:14px;opacity:.82}.nav a:hover{opacity:1}.hero{min-height:115vh;padding:160px 7% 120px;background:radial-gradient(circle at 55% 22%,rgba(0,119,255,.35),transparent 32%),radial-gradient(circle at 15% 82%,rgba(215,181,109,.22),transparent 30%),linear-gradient(135deg,#050b14,#101b2d);color:white;position:relative}.hero-text{width:min(100%,980px);margin:0 auto;text-align:left}.hero h1{font-size:clamp(64px,8.2vw,128px);line-height:.82;margin:0 0 28px;letter-spacing:-4px;max-width:980px}.hero p{font-size:20px;color:rgba(255,255,255,.72);max-width:720px}.tag{color:#d7b56d!important;letter-spacing:3px;font-size:13px!important;font-weight:900}.buttons{display:flex;gap:14px;margin-top:34px}.btn{padding:17px 26px;border-radius:40px;background:rgba(255,255,255,.1);color:white;font-weight:900;border:1px solid rgba(255,255,255,.16);transition:.3s}.btn:hover{transform:translateY(-4px)}.primary{background:linear-gradient(135deg,#0057d8,#00a3ff);box-shadow:0 20px 50px rgba(0,119,255,.3)}.hero-card{width:min(100%,460px);margin:70px 0 0 7%;padding:42px;border-radius:42px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(20px);box-shadow:0 40px 90px rgba(0,0,0,.32)}.hero-card h2{font-size:54px;line-height:.9;margin:0 0 25px}.hero-card li{margin:15px 0;color:rgba(255,255,255,.75);font-weight:800}.section{padding:110px 7%}.section h2{font-size:clamp(42px,7vw,86px);line-height:.9;letter-spacing:-3px;margin:0 0 40px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{min-height:310px;padding:32px;border-radius:32px;background:white;box-shadow:0 20px 60px rgba(15,23,42,.08);transition:.45s}.card:hover{transform:translateY(-12px);background:#07111f;color:white;box-shadow:0 30px 90px rgba(0,0,0,.25)}.card span{font-size:52px;font-weight:900;color:#0077ff22}.card p{color:#64748b}.card:hover p{color:rgba(255,255,255,.7)}.dark{background:#07111f;color:white}.dark h2{color:white}.project{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;background:#0d192b;border-radius:42px;overflow:hidden;padding:28px}.placeholder{min-height:360px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(135deg,#10233d,#07111f);color:rgba(255,255,255,.12);font-size:90px;font-weight:900;letter-spacing:-5px}.about{display:grid;grid-template-columns:1.1fr .7fr;gap:60px}.team,form{background:white;border-radius:34px;padding:34px;box-shadow:0 20px 60px rgba(15,23,42,.08)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px}input,textarea{width:100%;margin-bottom:14px;padding:17px;border:1px solid #d8dee8;border-radius:16px}textarea{min-height:130px}button{width:100%;padding:17px;border:0;border-radius:18px;color:white;background:linear-gradient(135deg,#0057d8,#00a3ff);font-weight:900}footer{text-align:center;padding:35px;background:#07111f;color:rgba(255,255,255,.65)}.reveal{opacity:0;transform:translateY(35px);transition:.8s ease}.reveal.show{opacity:1;transform:none}@media(max-width:900px){.nav nav{display:none}.project,.about,.contact{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.hero{padding:135px 6% 80px}.hero-text{margin:0}.hero h1{font-size:clamp(58px,17vw,96px);letter-spacing:-3px}.hero-card{margin:50px 0 0 0}.placeholder{font-size:48px}.section{padding:80px 6%}}

.logo{
    width:46px;
    height:46px;
    
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
}

.logo img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.logo{
    background:none !important;
    box-shadow:none !important;
    border:none !important;
    border-radius:0 !important;
    width:auto !important;
    height:auto !important;
    padding:0 !important;
}

.logo img{
    height:90px !important;
    width:auto !important;
    display:block !important;
}

.footer-link{
  margin-top:10px;
  background:none;
  border:none;
  color:rgba(255,255,255,.75);
  font-weight:800;
  cursor:pointer;
  padding:0;
  width:auto;
}

.footer-link:hover{
  color:white;
  text-decoration:underline;
}

.modal-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.72);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:9999;
  padding:24px;
}

.modal-overlay.active{
  display:flex;
}

.modal-box{
  max-width:760px;
  max-height:85vh;
  overflow:auto;
  background:white;
  color:#101827;
  border-radius:28px;
  padding:36px;
  box-shadow:0 30px 100px rgba(0,0,0,.45);
  position:relative;
}

.modal-box h2{
  margin-top:0;
  font-size:38px;
}

.modal-box p{
  line-height:1.7;
  color:#334155;
}


.modal-close{
  position:absolute;
  top:22px;
  right:22px;

  width:54px;
  height:54px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:none;
  border-radius:50%;

  background:#07111f;
  color:white;

  font-size:34px;
  font-weight:700;
  line-height:1;

  cursor:pointer;

  padding:0;
  margin:0;
}