/* FEDGO home experience v2 */
:root { --home-blue:#2f8fff; --home-cyan:#54d5ff; --home-violet:#7768ff; }
body { background:#050608; }
body::before { content:""; position:fixed; inset:0; z-index:-2; pointer-events:none; background:radial-gradient(circle at 15% 8%,rgba(47,143,255,.07),transparent 28%),radial-gradient(circle at 85% 25%,rgba(119,104,255,.055),transparent 30%),linear-gradient(180deg,#05070a,#050507 46%,#07070a); }
body::after { content:""; position:fixed; inset:0; z-index:9990; pointer-events:none; opacity:.022; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
.home-scroll-meter { position:fixed; top:0; left:0; right:0; height:2px; z-index:10000; pointer-events:none; background:rgba(255,255,255,.02); }
.home-scroll-meter span { display:block; width:100%; height:100%; transform:scaleX(0); transform-origin:left; background:linear-gradient(90deg,var(--home-blue),var(--home-cyan),var(--home-violet)); box-shadow:0 0 16px rgba(47,143,255,.55); }
.home-pointer-glow { position:fixed; z-index:-1; left:0; top:0; width:520px; height:520px; border-radius:50%; pointer-events:none; opacity:.42; filter:blur(25px); background:radial-gradient(circle,rgba(47,143,255,.08),transparent 67%); transform:translate3d(calc(var(--px,50vw) - 260px),calc(var(--py,30vh) - 260px),0); transition:opacity .35s; }
.preloader { background:#050608; }
.preloader-logo { letter-spacing:.22em; font-size:1.55rem; background:linear-gradient(90deg,#fff,#72b9ff); -webkit-background-clip:text; color:transparent; }
.preloader-bar { width:230px; background:rgba(255,255,255,.05); }
.preloader-bar-fill { background:linear-gradient(90deg,var(--home-blue),var(--home-cyan)); box-shadow:0 0 16px rgba(47,143,255,.5); }
.header { top:14px; left:50%; right:auto; width:min(calc(100% - 32px),1060px); padding:9px 0; transform:translateX(-50%); border:1px solid rgba(255,255,255,.075); border-radius:14px; background:rgba(8,10,14,.66); box-shadow:0 12px 45px rgba(0,0,0,.2); transition:background .3s,border-color .3s,box-shadow .3s,top .3s; }
.header.home-scrolled { top:8px; background:rgba(7,9,13,.88); border-color:rgba(255,255,255,.11); box-shadow:0 16px 50px rgba(0,0,0,.38); }
.header-inner { max-width:none; padding:0 15px 0 18px; }
.logo { position:relative; font-size:.93rem; font-weight:850; letter-spacing:.08em; }
.logo::after { content:""; position:absolute; right:-9px; top:1px; width:4px; height:4px; border-radius:50%; background:var(--home-blue); box-shadow:0 0 10px rgba(47,143,255,.9); }
.nav { gap:8px; padding:4px; border:1px solid rgba(255,255,255,.045); border-radius:10px; background:rgba(255,255,255,.018); }
.nav-link { padding:7px 12px; border-radius:7px; font-size:.74rem; transition:color .2s,background .2s; }
.nav-link:hover { background:rgba(255,255,255,.05); }
.btn-telegram { padding:9px 14px; border-color:rgba(47,143,255,.17); background:rgba(47,143,255,.055); color:#a8d4ff; }
.btn-telegram:hover { border-color:rgba(47,143,255,.34); background:rgba(47,143,255,.1); }
.hero { min-height:920px; padding-top:150px; background:radial-gradient(ellipse 56% 43% at 50% 44%,rgba(47,143,255,.075),transparent 72%); }
.hero::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.17; background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px); background-size:72px 72px; mask-image:radial-gradient(ellipse 58% 48% at 50% 43%,black,transparent); }
.hero-gradient { background:radial-gradient(ellipse 45% 42% at 50% 47%,rgba(47,143,255,.11),transparent 75%); }
.hero-orb { filter:blur(110px); opacity:.8; }
.hero-orb--1 { width:520px; height:520px; background:rgba(47,143,255,.09); }
.hero-orb--2 { width:420px; height:420px; background:rgba(119,104,255,.075); }
.hero-content { width:min(100%,850px); }
.hero-badge { margin-bottom:34px; padding:9px 15px; border-color:rgba(52,211,153,.13); background:rgba(52,211,153,.035); color:rgba(255,255,255,.52); box-shadow:inset 0 1px rgba(255,255,255,.025); }
.hero-title { margin-bottom:25px; font-size:clamp(5rem,13.5vw,9.7rem); font-weight:900; letter-spacing:-.075em; line-height:.78; background:linear-gradient(155deg,#fff 20%,#b5d9ff 57%,#6889ad 100%); -webkit-background-clip:text; color:transparent; filter:drop-shadow(0 25px 60px rgba(47,143,255,.12)); }
.hero-subtitle { max-width:610px; margin-bottom:38px; color:rgba(255,255,255,.5); font-size:clamp(1rem,2vw,1.16rem); }
.hero-cta { padding:15px 28px; border:1px solid rgba(255,255,255,.85); box-shadow:0 10px 35px rgba(255,255,255,.08); }
.hero-cta svg { transition:transform .25s; }.hero-cta:hover svg{transform:translateX(3px)}
.hero-cta-ghost { background:rgba(255,255,255,.02); }
.hero-stats { display:inline-flex; gap:0; margin-top:64px; padding:13px 9px; border:1px solid rgba(255,255,255,.065); border-radius:15px; background:rgba(8,11,16,.45); backdrop-filter:blur(18px); box-shadow:0 18px 50px rgba(0,0,0,.18); }
.stat { min-width:130px; padding:4px 24px; border-right:1px solid rgba(255,255,255,.055); }.stat:last-child{border-right:0}
.stat-number { font-size:1.3rem; background:linear-gradient(90deg,#fff,#9bcfff); -webkit-background-clip:text; color:transparent; }.stat-label{font-size:.66rem}
.hero-scroll { bottom:28px; }.hero-scroll-line{height:56px;background:rgba(255,255,255,.07)}.hero-scroll-line::after{background:linear-gradient(transparent,#55caff,transparent)}
.section { position:relative; padding:120px 0; }
.section-header { margin-bottom:54px; }
.section-label { display:inline-flex; align-items:center; gap:8px; color:#78bbff; font-size:.64rem; letter-spacing:.16em; }
.section-label::before { content:""; width:22px; height:1px; background:linear-gradient(90deg,var(--home-blue),transparent); }
.section-title { font-size:clamp(2.15rem,4.5vw,3.4rem); font-weight:830; letter-spacing:-.055em; }
.section-desc { color:rgba(255,255,255,.35); }
#projects { padding-top:130px; }
.featured-card { border-radius:22px; min-height:470px; border-color:rgba(255,255,255,.075); background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(8,8,12,.97)); box-shadow:0 24px 75px rgba(0,0,0,.24); }
.featured-card::after { content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; background:radial-gradient(500px circle at var(--card-x,70%) var(--card-y,25%),rgba(99,102,241,.09),transparent 43%); opacity:.8; }
.featured-card-left { z-index:1; padding:46px; justify-content:center; }
.featured-badge { align-self:flex-start; padding:6px 10px; border:1px solid rgba(52,211,153,.12); border-radius:999px; background:rgba(52,211,153,.035); }
.featured-icon { width:52px;height:52px;border-radius:14px;margin-bottom:21px;background:linear-gradient(145deg,rgba(99,102,241,.17),rgba(99,102,241,.04));border-color:rgba(99,102,241,.15)}
.featured-title { font-size:2rem; letter-spacing:-.045em; }
.featured-desc { max-width:470px; font-size:.87rem; line-height:1.72; }
.featured-features { gap:8px; }.featured-feat{font-size:.76rem}
.btn-primary { padding:12px 21px; border-radius:10px; }
.featured-card-right { background:radial-gradient(circle at 50% 48%,rgba(99,102,241,.095),transparent 58%),#08090e; }
.featured-screen { width:82%; border-radius:15px; transform:perspective(900px) rotateY(-4deg) rotateX(2deg); box-shadow:0 30px 65px rgba(0,0,0,.42); transition:transform .45s cubic-bezier(.2,.8,.2,1); }
.featured-card:hover .featured-screen { transform:perspective(900px) rotateY(-1deg) rotateX(.5deg) translateY(-4px); }
.marquee-section { padding:52px 0; background:rgba(255,255,255,.012); }
.marquee-track span { font-size:1rem; letter-spacing:.02em; }
#about { background:linear-gradient(180deg,transparent,rgba(255,255,255,.012),transparent); }
.about-grid { gap:70px; }
.about-text { padding:30px 0; }.about-text p{font-size:1rem;color:rgba(255,255,255,.43);line-height:1.82}.about-text p:first-child{color:rgba(255,255,255,.72);font-size:1.08rem}
.about-skills { gap:14px; }
.skill-card { position:relative;overflow:hidden;padding:24px;border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)); }.skill-card::before{content:"";position:absolute;inset:0;background:radial-gradient(250px circle at var(--card-x,50%) var(--card-y,50%),rgba(47,143,255,.075),transparent 48%);pointer-events:none}.skill-card-icon{font-size:1.35rem}.skill-card h4{font-size:.9rem}.skill-tags span{border-color:rgba(255,255,255,.055);background:rgba(255,255,255,.025)}
.section--process { border-top:1px solid rgba(255,255,255,.04); }
.process-grid { gap:14px; counter-reset:steps; }
.process-card { position:relative; overflow:hidden; min-height:230px; padding:30px; border-radius:17px; background:linear-gradient(160deg,rgba(255,255,255,.032),rgba(255,255,255,.01)); }
.process-card::after { content:""; position:absolute; width:130px;height:130px;right:-65px;bottom:-65px;border-radius:50%;background:rgba(47,143,255,.045);transition:transform .4s,background .4s}.process-card:hover::after{transform:scale(1.6);background:rgba(47,143,255,.075)}
.process-number { font-size:2.5rem; color:rgba(90,174,255,.17); }.process-card h4{font-size:1rem}.process-card p{font-size:.79rem;line-height:1.7}
.contact-block { padding:100px 40px; border-radius:24px; border-color:rgba(47,143,255,.13); background:linear-gradient(145deg,rgba(47,143,255,.055),rgba(255,255,255,.015)); box-shadow:0 30px 90px rgba(0,0,0,.24); }
.contact-glow { width:600px;height:380px;background:radial-gradient(ellipse,rgba(47,143,255,.12),transparent 68%);filter:blur(20px)}
.contact-title { font-size:clamp(2.7rem,6vw,4.7rem); line-height:1.03; }
.btn-contact { padding:15px 29px; }
.footer { padding:30px 0; background:rgba(0,0,0,.12); }
.reveal { filter:blur(7px); transform:translateY(30px) scale(.985); transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1),filter .75s ease; }.reveal.visible{filter:none;transform:none}
[data-home-tilt] { transform-style:preserve-3d; }
@media(max-width:1024px){.header{width:calc(100% - 24px)}.hero{min-height:850px}.featured-card{min-height:0}.featured-card-left{padding:38px}.about-grid{gap:40px}}
@media(max-width:768px){.header{top:8px}.nav{position:fixed;inset:-9px -13px auto;min-height:100vh;border:0;border-radius:0}.hero{min-height:800px;padding-top:135px}.hero-title{font-size:clamp(4.1rem,23vw,7rem)}.hero-stats{display:flex;width:min(100%,430px)}.stat{min-width:0;flex:1;padding:4px 10px}.section{padding:90px 0}.featured-card-left{padding:30px}.featured-title{font-size:1.7rem}.about-text{padding:0}.contact-block{padding:70px 22px}.home-pointer-glow{display:none}}
@media(max-width:480px){.hero{min-height:760px}.hero-subtitle br{display:none}.hero-stats{margin-top:45px}.stat-label{font-size:.58rem}.section-title{font-size:2.25rem}.featured-card-right{min-height:210px}.contact-title{font-size:2.65rem}}
@media(prefers-reduced-motion:reduce){.home-pointer-glow{display:none}.reveal{filter:none}.featured-screen,.header{transition:none}}