:root{--color-bg: #0B0B0B;--color-text: #FFFFFF;--color-accent: #00E5FF;--color-secondary: #8A5CFF;--color-steel: #1A1A1A;--font-main: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Space Grotesk", var(--font-main);--section-padding: 12rem 5%;--gradient-1: linear-gradient(135deg, #00E5FF 0%, #8A5CFF 100%)}*{margin:0;padding:0;box-sizing:border-box}img,picture,video,canvas,svg{display:block;max-width:100%}html,body{overflow-x:hidden;width:100%;max-width:100vw}html.lenis,html.lenis body{height:auto}body{background-color:var(--color-bg);background-image:repeating-linear-gradient(120deg,transparent,transparent 80px,rgba(255,255,255,.012) 80px,rgba(255,255,255,.012) 81px),radial-gradient(ellipse at 50% 0%,#28323c73,#0a0a0c00 70%),radial-gradient(ellipse at 100% 100%,rgba(30,35,45,.3) 0%,transparent 60%);color:var(--color-text);font-family:var(--font-main);overflow-x:hidden;-webkit-font-smoothing:antialiased}nav{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);width:90%;max-width:1200px;z-index:1000;border-radius:20px;transition:background .4s ease,backdrop-filter .4s ease,border-color .4s ease;padding:0}.nav-container{display:flex;align-items:center;justify-content:space-between;width:100%;height:4.5rem;padding:0 1.5rem 0 .5rem}.logo{display:flex;align-items:center;text-decoration:none;z-index:1002}.logo img{height:3rem;width:auto;object-fit:contain;cursor:pointer}.nav-links{display:flex;gap:2.5rem;text-transform:uppercase;font-size:.8rem;letter-spacing:2px}.menu-toggle{display:none;background:none;border:none;cursor:pointer;z-index:1002;position:relative;padding:.5rem}.menu-toggle svg line{transition:x1 .3s ease,y1 .3s ease,x2 .3s ease,y2 .3s ease,opacity .25s ease;transform-origin:center}nav a{text-decoration:none;color:#fff;opacity:.6;transition:all .3s ease;position:relative}nav a:hover{opacity:1}.reveal-container{overflow:hidden;position:relative}section{min-height:100vh;position:relative;padding:var(--section-padding)}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.glass{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.07);border-radius:20px}.hero{display:flex;align-items:center;justify-content:center;height:110vh}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 50% 50%,rgba(0,229,255,.1) 0%,transparent 70%),url(../hero.png);background-size:cover;background-position:center;z-index:-1;filter:saturate(1.2) brightness(.8)}.team-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:border-color .4s ease}.team-card:hover{border-color:var(--color-accent)}.team-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:-1;transition:transform .8s cubic-bezier(.165,.84,.44,1),filter .8s ease}.team-card:hover:before{transform:scale(1.1)}.team-card.sevastian:before{background-image:url(../sevastian.png)}.team-card.mihail:before{background-image:url(../mihail.png)}.team-card.alex:before{background-image:url(../alex.png)}.team-card.elena:before{background-image:url(../elena.png)}.team-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to top,#050507 0%,transparent 100%);z-index:-1}.section-tag{color:#fff6!important;position:relative;padding-left:20px}.section-tag:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;height:2px;background:#fff}.pillar{transition:transform .3s ease,background .3s ease;padding:1.5rem;border-radius:8px;border:1px solid transparent}.pillar:hover{background:#ffffff08;border:1px solid rgba(255,255,255,.1);transform:translateY(-5px)}#technology ul li{transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden}#technology ul li:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .5s ease}#technology ul li:hover{background:#ffffff0d!important;border-color:#ffffff4d!important;transform:translateY(-8px);box-shadow:0 10px 30px #00000080}#technology ul li:hover:before{left:100%}.project-visual{box-shadow:0 20px 50px #000000b3;border:1px solid rgba(255,255,255,.1)}.project-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 50%)}.project-img{transition:transform .5s ease}#media .container>div>div{transition:all .4s ease;cursor:pointer;border:1px solid rgba(255,255,255,.05)}#media .container>div>div:hover{transform:scale(1.05) translateY(-10px);border-color:#fff3;box-shadow:0 20px 40px #00000080}#media .container>div>div:hover>div{opacity:1!important;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.team-member:hover .team-card{filter:grayscale(0%)!important;border-color:#ffffff4d;box-shadow:0 15px 30px #0006}.team-card{background-size:cover;background-position:center}.team-card.sevastian{background-image:url(../team_founder_sevastian_1772659498382.png)}.team-card.mihail{background-image:url(../team_designer_mihail_1772659511140.png)}.team-card.alex{background-image:url(../team_tech_lead_alex_1772659525416.png)}.team-card.elena{background-image:url(../team_design_lead_elena_1772659540715.png)}.footer-link{color:#fff;text-decoration:none;font-size:.9rem;letter-spacing:2px;opacity:.4;transition:opacity .3s ease}.footer-link:hover{opacity:1}h1,h2,h3,h4{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em}.tech-item{border:1px solid transparent!important;background:transparent!important;opacity:1!important}.tech-item h4{color:#fff6!important;transition:color .3s ease}.tech-item .tech-arrow{color:#ffffff26!important;transition:color .3s ease}.tech-item.active{border:1px solid #00E5FF!important;background:#00e5ff1a!important;opacity:1!important}.tech-item.active h4{color:#fff!important}.tech-item.active .tech-arrow{color:#00e5ff!important}.tech-item:hover:not(.active){border-color:#ffffff26!important;background:#ffffff08!important}.tech-item:hover:not(.active) h4{color:#ffffffb3!important}#media-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.about-grid{display:flex;flex-direction:column;gap:4rem;align-items:flex-start;text-align:left}.about-text-content{max-width:900px;margin:0 auto}.bento-pillars{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:100%}@media(max-width:991px){#main-nav{top:1rem;width:calc(100% - 2rem);border-radius:16px;background:#0a0a0aa6!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.08)!important;transition:border-color .3s ease!important}#main-nav.active{border-color:#ffffff26!important}.nav-container{display:flex!important;flex-wrap:wrap!important;align-items:center!important;align-content:flex-start!important;height:auto!important;min-height:4rem!important;padding:.5rem 1rem .5rem .75rem!important;gap:0!important}.logo{order:1!important;flex:1 1 auto!important;min-width:0!important}.logo img{height:2.5rem!important;width:auto!important;max-width:calc(100vw - 8rem)!important;object-fit:contain}.menu-toggle{display:flex!important;align-items:center!important;justify-content:center!important;order:2!important;flex:0 0 auto!important;padding:.4rem!important}.menu-toggle svg{width:26px!important;height:26px!important;display:block!important}.nav-links{order:3!important;flex:0 0 100%!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;font-size:.85rem!important;letter-spacing:.12em!important;max-height:0!important;overflow:hidden!important;opacity:0!important;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,padding .3s ease!important;padding:0 .75rem!important}#main-nav.active .nav-links{max-height:22rem!important;opacity:1!important;padding:.5rem .75rem 1.25rem!important}.nav-links a{display:block!important;width:100%!important;padding:.75rem 0!important;border-bottom:1px solid rgba(255,255,255,.06)!important;opacity:0!important;transform:translate(-8px)!important;transition:opacity .3s ease,transform .3s ease,color .2s ease!important}.nav-links a:last-child{border-bottom:none!important}#main-nav.active .nav-links a{opacity:.7!important;transform:translate(0)!important}#main-nav.active .nav-links a:hover{opacity:1!important;color:var(--color-accent)!important}#main-nav.active .nav-links a:nth-child(1){transition-delay:.05s!important}#main-nav.active .nav-links a:nth-child(2){transition-delay:.1s!important}#main-nav.active .nav-links a:nth-child(3){transition-delay:.15s!important}#main-nav.active .nav-links a:nth-child(4){transition-delay:.2s!important}#main-nav.active .nav-links a:nth-child(5){transition-delay:.25s!important}.hero-title{font-size:clamp(3rem,15vw,6rem)!important}.quote-text,.vision-quote,.project-title{font-size:clamp(2rem,6vw,3rem)!important}#projects .project-showcase,#technology .tech-grid,#vision .vision-grid{grid-template-columns:1fr!important;gap:3rem!important}.bento-pillars{grid-template-columns:1fr}#media-gallery{grid-template-columns:repeat(2,1fr)!important;gap:1.5rem!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:2rem!important}}@media(max-width:768px){.footer-grid,#media-gallery{grid-template-columns:1fr!important}.footer-bottom{flex-direction:column!important;gap:1rem!important;text-align:center}section{padding:5rem 0!important}.hero .container{padding-top:10vh!important}.project-visual{height:auto!important;aspect-ratio:4/3!important}.tech-visual{height:300px!important}}@media(max-width:991px){#hero .hero-bg{background-attachment:scroll!important}#hero .container{padding-top:20vh!important;padding-left:5%!important;padding-right:5%!important}#hero .hero-sub{font-size:1.2rem!important;max-width:32rem!important}#hero .hero-desc{font-size:1rem!important;max-width:32rem!important}#hero .hero-actions{flex-wrap:wrap!important;gap:.9rem!important}#about .container,#vision .container,#projects .container,#technology .container,#team .container,#contact .container{padding-left:5%!important;padding-right:5%!important}#about .about-heading{font-size:clamp(2rem,7vw,3rem)!important}#about .about-desc,#vision .vision-text,#technology .lead-text{font-size:1.06rem!important;line-height:1.6!important}#about .pillar{padding:2.2rem 1.6rem!important}#about .pillar h4{font-size:1.15rem!important}#vision .vision-grid{grid-template-columns:1fr!important;gap:2.2rem!important}#vision .vision-quote{font-size:clamp(2rem,7vw,2.8rem)!important}#projects .project-showcase{gap:2.4rem!important}#projects .project-meta{flex-wrap:wrap!important}#technology #tech-list{grid-template-columns:1fr!important;gap:1rem!important}#technology .tech-visual{height:340px!important}#team h2{font-size:clamp(1.9rem,7vw,2.8rem)!important}#team h3{font-size:1.15rem!important;margin-bottom:.7rem!important}#team .container>div:first-of-type{gap:1rem!important}#team .container>div:first-of-type>div{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;margin:0!important;gap:1rem!important}#team article{min-height:0!important;padding:1.15rem 1rem 1.05rem!important}}@media(max-width:768px){#hero .hero-actions a{width:100%!important;text-align:center}#hero .hero-actions{margin-top:2rem!important}#about,#vision,#technology,#team,#contact{padding-top:5.5rem!important;padding-bottom:5.5rem!important}#projects{padding-top:5.5rem!important}#projects .project-title{font-size:clamp(2rem,8vw,2.8rem)!important}#projects .project-desc{font-size:1rem!important}#team .container>div:first-of-type>div{grid-template-columns:1fr!important}#team p[style*="letter-spacing: 0.2em"]{letter-spacing:.13em!important;font-size:.8rem!important}#contact .footer-grid{gap:2.5rem!important}}
