/* FARID PORTFOLIO — PHASE 1 */
:root{color-scheme:dark;--ink:#f7f5ff;--muted:#a7a3bc;--violet:#9a7bff;--cyan:#80d9ff;--ease:cubic-bezier(.2,.8,.2,1);font-family:Inter,"Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#05040b;color:var(--ink)}body{min-height:100svh;overflow-x:hidden}button,a{font:inherit}button{color:inherit}
.space-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-2;background:radial-gradient(ellipse at 48% 52%,#111027 0%,#080711 46%,#030309 100%);transition:transform 1.3s var(--ease),filter 1.3s var(--ease)}
.space-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#04030c08,#04030c7a)}
.nebula{position:absolute;width:65vw;height:55vw;min-width:480px;min-height:400px;border-radius:50%;filter:blur(95px);opacity:.2}.nebula--one{background:#5832d6;top:-27%;left:-18%;animation:nebulaDrift 24s ease-in-out infinite alternate}.nebula--two{background:#125f91;right:-20%;bottom:-35%;animation:nebulaDrift 29s ease-in-out infinite alternate-reverse}
.planet{position:absolute;border-radius:50%}.planet--saturn{width:clamp(170px,24vw,370px);aspect-ratio:1;top:10%;right:-7%;background:radial-gradient(circle at 32% 28%,#b8b1e4 0,#6c6498 16%,#292441 47%,#0d0b1b 72%);opacity:.44;box-shadow:inset -32px -25px 55px #03020a;animation:planetFloat 22s ease-in-out infinite alternate}.planet--saturn span{position:absolute;width:150%;height:30%;left:-25%;top:37%;border:12px solid #a39bdb66;border-left-color:#c6c0f044;border-right-color:#5b4f9d77;border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 22px #8b7bff22}
.planet--moon{width:clamp(80px,11vw,160px);aspect-ratio:1;bottom:9%;left:5%;opacity:.3;background:radial-gradient(circle at 35% 30%,#c2e0f0,#4c6a91 45%,#10172c 76%);box-shadow:inset -18px -16px 25px #03040a;animation:planetFloat 17s ease-in-out infinite alternate-reverse}.stars{position:absolute;inset:0}.star{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;opacity:var(--opacity,.65);box-shadow:0 0 9px #a9b7ff;animation:twinkle var(--duration,4s) ease-in-out infinite alternate}.meteor{position:absolute;width:160px;height:1px;opacity:0;transform:rotate(-35deg);background:linear-gradient(90deg,transparent,#b4a6ff,white);filter:drop-shadow(0 0 5px #8f79ff);animation:meteor 10s linear infinite}.meteor--one{top:15%;left:15%;animation-delay:2s}.meteor--two{top:36%;left:72%;animation-delay:7s}
.intro{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#030309;transition:opacity 1s ease,visibility 1s ease}.intro.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.intro--name{animation:nameScene 3.2s ease forwards}.intro-kicker{color:#a9a0d7;font-size:.68rem;letter-spacing:.45em;margin:0 0 30px;animation:kickerIn 1s .2s both}.name-glow{margin:0;display:flex;flex-direction:column;align-items:center;gap:.08em;text-align:center;font-size:clamp(2rem,7.2vw,6.8rem);line-height:.98;font-weight:850;letter-spacing:-.055em}.name-glow span{display:block;color:transparent;background:linear-gradient(100deg,#fff 0%,#9ee8ff 16%,#b39bff 35%,#ff9bd7 54%,#9a8bff 73%,#e8faff 90%);background-size:220% auto;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 14px #9d80ff55);animation:rainbowGlow 3.5s linear infinite,nameIn 1s var(--ease) both}.name-glow span:nth-child(2){animation-delay:.14s}.name-glow span:nth-child(3){animation-delay:.28s}.intro-line{height:1px;width:min(270px,55vw);margin-top:32px;background:linear-gradient(90deg,transparent,#b8a5ff,transparent);transform-origin:center;animation:lineGrow 1.2s .4s both}.intro--welcome{z-index:19;opacity:0;visibility:hidden}.intro--welcome p{font-size:clamp(1.2rem,3vw,2rem);letter-spacing:.65em;padding-left:.65em;color:#f7f4ff;text-shadow:0 0 22px #9a7bff88}.intro--welcome.is-active{visibility:visible!important;opacity:1!important;pointer-events:auto;animation:none!important}.intro--welcome.is-active p{animation:welcomePulse 2.8s ease-in-out both!important}
.universe{position:relative;z-index:1;min-height:100svh;padding:26px clamp(18px,5vw,76px) 22px;opacity:0;transform:scale(1.035);transition:opacity 1s ease,transform 1.2s var(--ease)}.universe.is-ready{opacity:1;transform:scale(1)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1600px;margin:0 auto}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border:1px solid #ffffff35;border-radius:11px;background:linear-gradient(145deg,#ffffff20,#ffffff04);box-shadow:inset 0 1px #ffffff20;font-size:.78rem;letter-spacing:-.06em}.brand-name{font-size:.7rem;font-weight:700;letter-spacing:.14em}.header-note{color:#aaa5c1;font-size:.62rem;letter-spacing:.18em;display:flex;align-items:center;gap:9px}.header-note i{width:6px;height:6px;border-radius:50%;background:#a6f2d1;box-shadow:0 0 12px #a6f2d1}
.universe-heading{text-align:center;margin:clamp(45px,8vh,90px) 0 18px}.eyebrow{font-size:.62rem;letter-spacing:.34em;color:#a7a0ca;margin:0 0 12px}.universe-heading h2{font-size:clamp(2.8rem,6.5vw,6rem);letter-spacing:-.07em;line-height:.92;margin:0;font-weight:650}.universe-heading h2 span{color:transparent;background:linear-gradient(100deg,#e6e0ff,#9d8aff 50%,#8bdfff);background-clip:text;-webkit-background-clip:text}.universe-copy{color:#a5a0b8;font-size:.9rem;margin:18px 0 0}
.panel-field{max-width:1450px;min-height:clamp(380px,52vh,610px);margin:0 auto;position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(6,minmax(52px,1fr));gap:16px;perspective:1300px}.glass-panel{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:20px;border:1px solid #ffffff22;border-radius:25px;background:linear-gradient(135deg,#ffffff15,#b8b5ff09 40%,#ffffff04);backdrop-filter:blur(25px) saturate(145%);-webkit-backdrop-filter:blur(25px) saturate(145%);box-shadow:inset 0 1px #ffffff22,inset 0 -1px #ffffff08,0 24px 70px #0005;transition:transform .65s var(--ease),border-color .4s,background .4s,box-shadow .4s;animation:panelFloat var(--float-time,8s) ease-in-out infinite;animation-delay:var(--float-delay,0s);cursor:pointer}.glass-panel:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.6;background:radial-gradient(circle at 15% 0%,#ffffff26,transparent 48%);pointer-events:none}.glass-panel:after{content:"";position:absolute;z-index:-1;width:170px;height:170px;border-radius:50%;right:-85px;bottom:-100px;background:var(--panel-glow,#8c73ff);filter:blur(70px);opacity:.2;transition:opacity .4s,transform .6s}.glass-panel:hover,.glass-panel:focus-visible,.glass-panel.is-open{border-color:#c4b8ff66;background:linear-gradient(135deg,#ffffff20,#ffffff07);box-shadow:inset 0 1px #ffffff35,0 28px 90px #0007,0 0 38px #8e7aff16;outline:none}.glass-panel:hover:after,.glass-panel.is-open:after{opacity:.42;transform:scale(1.4)}
.panel--ae{grid-column:2/span 4;grid-row:1/span 3;--panel-glow:#9d6cff;--float-time:8.2s;--float-delay:-1s}.panel--ue{grid-column:7/span 5;grid-row:1/span 3;--panel-glow:#5e9eff;--float-time:9.4s;--float-delay:-4s}.panel--rockstar{grid-column:1/span 4;grid-row:4/span 3;--panel-glow:#b08cff;--float-time:10s;--float-delay:-3s}.panel--canva{grid-column:5/span 4;grid-row:4/span 3;--panel-glow:#51d5ff;--float-time:8.8s;--float-delay:-5s}.panel--github{grid-column:9/span 4;grid-row:4/span 3;--panel-glow:#a5a5ff;--float-time:9.8s;--float-delay:-2s}
.panel-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.app-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;border:1px solid #ffffff32;background:linear-gradient(145deg,#ffffff24,#ffffff05);box-shadow:inset 0 1px #ffffff22,0 8px 25px #0002;font-weight:800;letter-spacing:-.06em}.app-mark--ae{color:#cbbaff;background:linear-gradient(145deg,#32225caa,#171225bb)}.app-mark--ue{color:#e4e9ff;background:linear-gradient(145deg,#25354baa,#11151fbb)}.app-mark--rockstar{color:#ffe6a0;background:linear-gradient(145deg,#55401baa,#17120abb)}.app-mark--canva{color:#9de9ff;background:linear-gradient(145deg,#174a66aa,#111c2cbb);font-size:1.35rem}.app-mark--github{color:#f0edff;background:linear-gradient(145deg,#414052aa,#171722bb)}.panel-index{font-size:.56rem;color:#a9a4bf;letter-spacing:.17em}.panel-main{margin-top:auto;padding-top:24px}.panel-main h3{font-size:clamp(1.05rem,1.7vw,1.65rem);letter-spacing:-.04em;line-height:1.12;margin:0 0 8px}.panel-main p{color:#aaa6be;font-size:.78rem;line-height:1.5;margin:0}.cross{color:#aaa1d8;font-weight:400}
.panel-submenu{display:grid;gap:6px;max-height:0;opacity:0;overflow:hidden;transform:translateY(8px);transition:max-height .5s var(--ease),opacity .3s,transform .45s var(--ease),margin .45s var(--ease);margin-top:0}.panel-submenu button{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #ffffff13;border-radius:11px;padding:10px 11px;text-align:left;background:#080713cc;color:#e8e5f8;font-size:.75rem;cursor:pointer}.panel-submenu button:hover,.panel-submenu button:focus-visible{background:#8e7aff20;border-color:#bcb0ff55;outline:none}.panel-submenu button span{color:#a9a0ff}.glass-panel.is-open{z-index:5}.glass-panel.is-open .panel-submenu,.glass-panel:hover .panel-submenu,.glass-panel:focus-within .panel-submenu{max-height:220px;opacity:1;transform:translateY(0);margin-top:17px}.panel-orbit{position:absolute;width:160px;height:160px;border:1px solid #ffffff0b;border-radius:50%;right:-85px;top:25%;transform:rotate(-28deg) scaleX(1.7);pointer-events:none}.panel-orbit:after{content:"";position:absolute;width:5px;height:5px;background:#e7dfff;border-radius:50%;top:8px;left:22px;box-shadow:0 0 12px #b6a5ff}.panel-field.has-open .glass-panel:not(.is-open){opacity:.55;filter:saturate(.7);transform:scale(.97)}
.universe-footer{display:flex;justify-content:space-between;gap:20px;max-width:1450px;margin:26px auto 0;color:#716d87;font-size:.55rem;letter-spacing:.2em}.project-toast{position:fixed;z-index:30;right:clamp(16px,4vw,55px);bottom:clamp(16px,4vw,45px);width:min(340px,calc(100vw - 32px));padding:22px;border:1px solid #ffffff2c;border-radius:20px;background:#11101bd9;backdrop-filter:blur(28px);box-shadow:0 25px 80px #0009;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .3s,transform .4s var(--ease),visibility .3s}.project-toast.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.toast-kicker{display:block;font-size:.57rem;letter-spacing:.2em;color:#a99dff;margin-bottom:10px}.project-toast strong{font-size:1.1rem}.project-toast p{color:#aaa6bd;font-size:.8rem;line-height:1.5}.project-toast button{border:0;background:transparent;color:#ded8ff;padding:10px 0 0;cursor:pointer;font-size:.75rem}.project-toast button span{margin-left:8px}.skip-intro{position:fixed;z-index:40;right:22px;bottom:20px;border:1px solid #ffffff24;border-radius:99px;padding:10px 15px;color:#dcd7f5;background:#151322a8;backdrop-filter:blur(15px);font-size:.7rem;cursor:pointer;opacity:0;animation:skipAppear .5s 1s forwards}.skip-intro span{margin-left:8px;color:#a99dff}
@keyframes rainbowGlow{to{background-position:220% center}}@keyframes nameIn{from{opacity:0;transform:translateY(22px);filter:blur(12px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes kickerIn{from{opacity:0;letter-spacing:.8em;transform:translateY(8px)}to{opacity:1;letter-spacing:.45em;transform:translateY(0)}}@keyframes lineGrow{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes nameScene{0%,68%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}@keyframes welcomeScene{0%{opacity:0}18%,72%{opacity:1}100%{opacity:0;visibility:hidden}}@keyframes skipAppear{to{opacity:.7}}@keyframes twinkle{from{opacity:calc(var(--opacity,.65)*.35);transform:scale(.7)}to{opacity:var(--opacity,.65);transform:scale(1.25)}}@keyframes meteor{0%,66%{opacity:0;transform:translate(0,0) rotate(-35deg)}68%{opacity:.9}79%{opacity:0;transform:translate(38vw,28vh) rotate(-35deg)}100%{opacity:0}}@keyframes nebulaDrift{from{transform:translate3d(-3%,0,0) scale(1)}to{transform:translate3d(8%,6%,0) scale(1.15)}}@keyframes planetFloat{from{transform:translate3d(0,0,0) rotate(-7deg)}to{transform:translate3d(-18px,15px,0) rotate(5deg)}}@keyframes panelFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
@media(hover:hover) and (pointer:fine){.glass-panel:hover{transform:translateY(-5px) scale(1.025)}}
@media(max-width:800px){.universe{padding:20px 16px}.brand-name{font-size:.56rem;letter-spacing:.08em}.header-note{font-size:.5rem;letter-spacing:.1em}.universe-heading{margin:46px 0 24px}.universe-heading h2{font-size:clamp(2.7rem,13vw,4.7rem)}.panel-field{display:flex;flex-direction:column;min-height:0;gap:13px;perspective:none}.glass-panel{min-height:174px;padding:17px;border-radius:21px;transform:none;animation-duration:10s}.panel-main h3{font-size:1.25rem}.panel-main p{font-size:.75rem}.glass-panel.is-open .panel-submenu,.glass-panel:focus-within .panel-submenu{max-height:220px}.panel-field.has-open .glass-panel:not(.is-open){opacity:.72;transform:none}.universe-footer{margin-top:22px;font-size:.48rem;letter-spacing:.12em}.planet--saturn{top:16%;right:-35%;opacity:.32}.planet--moon{left:-9%;bottom:15%}.project-toast{right:16px;bottom:16px}}
@media(max-width:430px){.header-note{display:none}.name-glow{font-size:clamp(2.05rem,10vw,3rem)}.intro-kicker{font-size:.53rem}.universe-footer span:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* FARID SIGNATURE INTRO + LIVING COSMOS */
:root{--ink:#f7f5ff;--violet:#9a7bff;--cyan:#80d9ff;font-family:"Space Grotesk","Segoe UI",system-ui,sans-serif}
body{background:#020208}\n.space-bg{z-index:0}
.space-bg{z-index:0;background:radial-gradient(ellipse at 50% 48%,#17102e 0%,#090817 38%,#030309 76%,#010106 100%);isolation:isolate}
.space-bg:before{content:"";position:absolute;inset:-18%;background:conic-gradient(from 20deg at 50% 50%,transparent 0deg,#5735ad12 45deg,transparent 90deg,#2a8cbb16 160deg,transparent 210deg,#9c56ff12 285deg,transparent 360deg);filter:blur(45px);animation:cosmicRotation 90s linear infinite}
.space-bg:after{background:radial-gradient(ellipse at 50% 48%,transparent 20%,#03020a55 66%,#010106dd 100%),linear-gradient(180deg,#04030c05,#04030c58)}
.nebula{opacity:.29;filter:blur(100px);mix-blend-mode:screen}
.nebula--one{background:radial-gradient(ellipse,#7945ff 0%,#4a26a5 38%,transparent 72%);animation:nebulaDrift 19s ease-in-out infinite alternate,nebulaPulse 9s ease-in-out infinite alternate}
.nebula--two{background:radial-gradient(ellipse,#1c9cd4 0%,#193c91 35%,transparent 72%);animation:nebulaDrift 23s ease-in-out infinite alternate-reverse,nebulaPulse 12s ease-in-out infinite alternate-reverse}
.planet--saturn{opacity:.53;filter:saturate(1.2);box-shadow:inset -32px -25px 55px #03020a,0 0 90px #7d65ff12}
.planet--saturn span{box-shadow:0 0 22px #8b7bff33,0 0 70px #8b7bff1c}
.planet--moon{opacity:.38;box-shadow:inset -18px -16px 25px #03040a,0 0 45px #8dd9ff15}
.star{animation:twinkle var(--duration,4s) ease-in-out infinite alternate,starPulse 6s ease-in-out infinite}
.intro{background:transparent;overflow:hidden}
.intro:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.6;background:radial-gradient(circle at 50% 48%,#7b53ff12,transparent 24%),radial-gradient(circle at 50% 50%,transparent 0%,#0005 80%)}
/* SIGNATURE INTRO — gradient name, soft blur-in, minimal movement */
.intro--name{display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:1;visibility:visible;z-index:20;animation:none;background:#030309}
.intro-kicker{position:absolute;top:calc(50% - 95px);margin:0;color:#b9b0d8;font:600 .68rem "Orbitron",sans-serif;letter-spacing:.42em;opacity:0;animation:kickerIn .8s ease .15s both}
.farid-intro-mark{position:relative;width:100%;height:auto;display:flex;align-items:center;justify-content:center;isolation:isolate}
.farid-word.intro-full-name{position:relative;display:flex;flex-direction:column;align-items:center;gap:.13em;margin:0;padding:.08em .12em .16em;text-align:center;font:900 clamp(3.5rem,10vw,8.5rem)/1.08 "Orbitron",sans-serif;letter-spacing:-.035em;white-space:nowrap;color:transparent;background:linear-gradient(100deg,#ff75cf 0%,#e49aff 18%,#9a79ff 38%,#6f9bff 58%,#aeeaff 78%,#fff 100%);background-size:320% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #9d80ff35);opacity:0;transform:translateY(16px);animation:faridNameIn 1.15s cubic-bezier(.2,.75,.25,1) .22s both,signatureGradient 3.8s linear 1.4s infinite;will-change:opacity,transform}
.farid-word.intro-full-name span{display:block}
.intro-flare{display:none}
.intro-line{position:absolute;top:calc(50% + 92px);margin:0;width:min(250px,55vw);height:1px;background:linear-gradient(90deg,transparent,#a88aff,transparent);box-shadow:0 0 18px #a88aff55;opacity:0;animation:lineGrow 1s ease .8s both}
@keyframes faridNameIn{from{opacity:0;transform:translateY(24px);filter:blur(12px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes signatureGradient{0%{background-position:0% center}100%{background-position:100% center}}
@media(max-width:600px){.intro-kicker{top:calc(50% - 78px);font-size:.49rem;letter-spacing:.27em}.farid-word.intro-full-name{font-size:clamp(3rem,15vw,4.8rem);letter-spacing:-.045em;gap:.18em}.intro-line{top:calc(50% + 78px)}}
@media(prefers-reduced-motion:reduce){.farid-word.intro-full-name{animation:none;opacity:1;transform:none;filter:none}.intro-kicker{animation:none;opacity:1}.intro-line{animation:none;opacity:.7}}
.intro--welcome{background:radial-gradient(ellipse at center,#09071420,transparent 65%);z-index:21;opacity:0;visibility:hidden;pointer-events:none}
.intro--welcome p{font:600 clamp(1.1rem,3.4vw,2rem) "Orbitron",sans-serif;letter-spacing:.55em;padding-left:.55em;color:#fff;text-shadow:0 0 12px #d9d0ff,0 0 35px #a18aff,0 0 75px #704aff;animation:welcomePulse 3s ease-in-out both}
.universe-heading h2,.panel-main h3{font-family:"Space Grotesk",sans-serif}
.brand-name,.eyebrow,.header-note,.panel-index,.universe-footer,.intro-kicker{font-family:"Orbitron","Space Grotesk",sans-serif}
@keyframes initialFall{0%{opacity:0;top:-115px;transform:translateX(-50%) rotate(-12deg) scale(.72);filter:blur(15px)}48%{opacity:1;top:calc(50% - 48px);transform:translateX(-50%) rotate(3deg) scale(1.12);filter:blur(0)}62%{top:calc(50% - 48px);transform:translateX(-50%) rotate(0) scale(1.08)}100%{opacity:1;top:calc(50% - 48px);transform:translateX(calc(-50% - 150px)) rotate(0) scale(1);filter:drop-shadow(0 0 25px #a98aff)}}
@keyframes flareBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.85;transform:translate(-50%,-50%) scale(2.5)}100%{opacity:0;transform:translate(-50%,-50%) scale(8)}}
@keyframes letterIgnite{0%{opacity:0;filter:blur(14px);transform:translateY(18px) scale(.88);text-shadow:none}65%{opacity:1;filter:blur(0);transform:translateY(-3px) scale(1.04);text-shadow:0 0 20px #fff,0 0 55px #9c7bff,0 0 100px #734cff}100%{opacity:1;filter:blur(0);transform:translateY(0) scale(1);text-shadow:0 0 12px #d6c8ff,0 0 28px #a18aff,0 0 70px #754cff}}
@keyframes welcomePulse{0%{opacity:0;filter:blur(8px);letter-spacing:.9em;transform:scale(.96)}22%,75%{opacity:1;filter:blur(0);letter-spacing:.55em;transform:scale(1)}100%{opacity:0;filter:blur(4px);transform:scale(1.04)}}
@keyframes cosmicRotation{from{transform:rotate(0deg) scale(1)}to{transform:rotate(360deg) scale(1.08)}}
@keyframes nebulaPulse{from{opacity:.18;scale:1}to{opacity:.36;scale:1.16}}
@keyframes starPulse{0%,100%{box-shadow:0 0 3px #fff4,0 0 8px #a9b7ff44}50%{box-shadow:0 0 8px #fff,0 0 20px #a9b7ff,0 0 32px #8b7bff66}}
@media(max-width:600px){.farid-intro-mark{height:180px}.intro-kicker{top:calc(50% - 130px);font-size:.48rem;letter-spacing:.3em}.intro-initial{font-size:clamp(2.6rem,12vw,4.4rem)}.farid-word{left:calc(50% - 65px);font-size:clamp(2.6rem,12vw,4.4rem);letter-spacing:.08em}.intro-line{top:calc(50% + 77px)}@keyframes initialFall{0%{opacity:0;top:-115px;transform:translateX(-50%) rotate(-12deg) scale(.72);filter:blur(15px)}48%{opacity:1;top:calc(50% - 40px);transform:translateX(-50%) rotate(3deg) scale(1.12);filter:blur(0)}62%{top:calc(50% - 40px);transform:translateX(-50%) rotate(0) scale(1.08)}100%{opacity:1;top:calc(50% - 40px);transform:translateX(calc(-50% - 95px)) rotate(0) scale(1);filter:drop-shadow(0 0 25px #a98aff)}}}
@media(prefers-reduced-motion:reduce){.intro-initial,.farid-word span,.intro-flare,.intro-kicker,.intro-line{animation-duration:.01ms!important;animation-delay:0ms!important}.space-bg:before,.nebula--one,.nebula--two,.star{animation-duration:.01ms!important;animation-iteration-count:1!important}}




/* CLEAN WELCOME INTRO — rebuilt independently from the FARID title */
#welcomeIntro {
  position: fixed !important;
  inset: 0 !important;
  z-index: 35 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: row !important;
  background: radial-gradient(ellipse at center, rgba(73,48,145,.22), rgba(3,3,12,.35) 58%, transparent 78%) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .45s ease, visibility .45s ease !important;
}
#welcomeIntro.is-active {
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
}
#welcomeIntro.is-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
#welcomeIntro p {
  margin: 0 !important;
  padding: 0 0 0 .42em !important;
  color: #fff !important;
  font: 700 clamp(1.4rem, 4vw, 2.8rem)/1.2 "Orbitron", sans-serif !important;
  letter-spacing: .42em !important;
  text-align: center !important;
  text-shadow: 0 0 10px #fff, 0 0 28px #a18aff, 0 0 60px #704aff !important;
  opacity: 0;
  transform: translateY(12px);
  filter: blur(5px);
}
#welcomeIntro.is-active p {
  animation: welcomeSimpleIn 1s cubic-bezier(.2,.75,.25,1) .12s forwards !important;
}
@keyframes welcomeSimpleIn {
  from { opacity: 0; transform: translateY(12px); filter: blur(5px); }
  to { opacity: 1; transform: translateY(0); filter: blur(0); }
}
@media(max-width:600px) {
  #welcomeIntro p { font-size: clamp(1.2rem, 6vw, 2rem) !important; letter-spacing: .3em !important; }
}
@media(prefers-reduced-motion:reduce) {
  #welcomeIntro.is-active p { animation: none !important; opacity: 1 !important; transform: none !important; filter: none !important; }
}

/* FARID SIGNATURE — single narrow light sweep over the existing word */
.farid-word.intro-full-name{filter:drop-shadow(0 0 14px #9d80ff45)!important}
.farid-word.intro-full-name::after{content:"FARID";position:absolute;inset:.08em .12em .16em;display:block;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:center;white-space:nowrap;pointer-events:none;color:transparent;background:linear-gradient(100deg,#fff 0%,#d8f5ff 45%,#fff 52%,#d7caff 60%,#fff 100%);background-size:100% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;filter:drop-shadow(0 0 8px #b6a1ff) drop-shadow(0 0 20px #8c9dff) drop-shadow(0 0 32px #71d8ff80);-webkit-mask-image:linear-gradient(105deg,transparent 0%,transparent 42%,#000 47%,#000 53%,transparent 58%,transparent 100%);mask-image:linear-gradient(105deg,transparent 0%,transparent 42%,#000 47%,#000 53%,transparent 58%,transparent 100%);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-position:150% center;mask-position:150% center;animation:faridSignatureSweep 2.8s .55s cubic-bezier(.2,.7,.22,1) 1 both}
@keyframes faridSignatureSweep{0%{opacity:0;-webkit-mask-position:150% center;mask-position:150% center}12%{opacity:1}78%{opacity:1;-webkit-mask-position:-50% center;mask-position:-50% center}100%{opacity:0;-webkit-mask-position:-50% center;mask-position:-50% center}}
@media(prefers-reduced-motion:reduce){.farid-word.intro-full-name::after{animation:none;opacity:0}}