@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&display=swap";html body:before{content:"";z-index:-1;pointer-events:none;opacity:.95;position:fixed;inset:0;background-image:radial-gradient(circle at 12% 76%,#22d3ee59 1px,#0000 1.9px),radial-gradient(circle at 78% 58%,#a78bfa47 1px,#0000 1.9px),linear-gradient(118deg,#0000 0 48%,#22d3ee0e 48.08%,#0000 48.16%),linear-gradient(118deg,#0000 0 70%,#8b5cf60f 70.08%,#0000 70.16%),radial-gradient(45% 40% at 22% 30%,#22d3ee12,#0000 70%)!important;background-size:174px 174px,223px 223px,760px 760px,940px 940px,100% 100%!important;animation:18s ease-in-out infinite aurora-shift!important}html body:after{content:"";z-index:-1;pointer-events:none;position:fixed;inset:0;background:linear-gradient(105deg,#0000 0 31%,#22d3ee0f 31.06%,#0000 31.13%) 0 0/880px 880px,linear-gradient(105deg,#0000 0 68%,#8b5cf613 68.06%,#0000 68.13%) 0 0/1030px 1030px,radial-gradient(at 50% 100%,#4835951f,#0000 55%) 0 0/100% 100%!important;-webkit-mask-image:linear-gradient(#000000b8,#0000 91%)!important;mask-image:linear-gradient(#000000b8,#0000 91%)!important}@keyframes aurora-shift{0%,to{filter:brightness();background-position:0 0,0 0,0 0,0 0,0 0}50%{filter:brightness(1.2);background-position:22px 14px,-16px 21px,70px 34px,-60px 45px,4% 3%}}.about-shell{padding-top:72px}.about-intro{grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(36px,8vw,150px);display:grid}.about-copy h2{letter-spacing:-.075em;max-width:760px;margin:14px 0 21px;font-size:clamp(44px,5.25vw,83px);line-height:.94}.about-copy .about-code-heading{color:#edf2fa;letter-spacing:-.075em;max-width:930px;font:800 clamp(38px,4.45vw,73px)/1.08 Inter,sans-serif}.about-code-heading span,.about-code-heading i{color:#9b82ff;letter-spacing:-.08em;vertical-align:14%;font:500 .45em/1 DM Mono,monospace}.about-code-heading b{color:#b9c7d9;vertical-align:8%;font:500 .64em/1 DM Mono,monospace}.about-code-heading strong{color:#48dce9;font:inherit;font-weight:800}.about-code-heading em{color:#f0a9d6;letter-spacing:-.04em;vertical-align:14%;font:500 .48em/1 DM Mono,monospace}.about-lead{color:#e3eaf6;max-width:680px;margin:0;font-size:clamp(18px,1.55vw,24px);line-height:1.55}.about-support{color:#94a6be;max-width:650px;margin:18px 0 0;font-size:15px;line-height:1.7}.about-chips{flex-wrap:wrap;gap:9px;margin-top:31px;display:flex}.about-chips span{color:#c5d0e0;background:#0c1321bd;border:1px solid #273751;border-radius:999px;padding:9px 13px;font:11px DM Mono,monospace}.about-chips span:first-letter{color:#9b7cff}.identity-card{background:linear-gradient(145deg,#141e33f5,#080d19f5);border:1px solid #2b3a57;border-radius:20px;padding:19px;position:relative;overflow:hidden;box-shadow:0 28px 70px -42px #22d3ee61}.identity-card:before{content:"";filter:blur(3px);background:radial-gradient(circle,#8b5cf652,#0000 68%);border-radius:50%;width:290px;height:290px;position:absolute;top:-128px;right:-118px}.identity-card:after{content:"";pointer-events:none;opacity:.72;background:linear-gradient(128deg,#0000 0 52%,#22d3ee21 52.1%,#0000 52.25%);position:absolute;inset:0}.identity-top,.identity-main,.identity-data{z-index:1;position:relative}.identity-top{letter-spacing:.09em;color:#91a1ba;text-transform:uppercase;border-bottom:1px solid #4052718c;justify-content:space-between;align-items:center;padding-bottom:17px;font:10px DM Mono,monospace;display:flex}.identity-top b{color:#b8c5d8;align-items:center;gap:7px;font-weight:400;display:inline-flex}.identity-top i{background:#34d399;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #34d3991f}.identity-top i.busy{background:#fbbf24;box-shadow:0 0 0 4px #fbbf241f}.identity-main{align-items:center;gap:18px;padding:25px 0;display:flex}.identity-avatar{background:linear-gradient(145deg,#292059,#111d34);border:1px solid #55489c;border-radius:18px;flex:none;place-items:center;width:82px;height:82px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 5px #090f1d6b}.identity-avatar img{object-fit:cover;width:100%;height:100%}.identity-avatar small{color:#67ddf4;align-self:start;margin-top:11px;font:10px DM Mono,monospace;position:absolute}.identity-avatar strong{color:#eeeaff;letter-spacing:-.08em;padding-top:17px;font:800 21px Inter,sans-serif}.identity-main small{color:#7ce5ef;letter-spacing:.11em;font:10px DM Mono,monospace}.identity-main h3{letter-spacing:-.055em;margin:5px 0 2px;font-size:24px}.identity-main p{color:#90a2bb;margin:0;font:11px DM Mono,monospace}.identity-data{background:#334460bf;border:1px solid #334460bf;border-radius:12px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.identity-data div{background:#0c1423;min-height:72px;padding:13px}.identity-data span{color:#7689a4;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px;font:9px DM Mono,monospace;display:block}.identity-data strong{color:#dce5f2;text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.about-lower{grid-template-columns:1.35fr .82fr;align-items:stretch;gap:25px;margin-top:clamp(65px,9vw,135px);display:grid}.principles{background:linear-gradient(160deg,#10192bdb,#080d18b8);border:1px solid #24334e;border-radius:18px;padding:31px}.principles-title{justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px;display:flex}.principles-title h3{letter-spacing:-.055em;max-width:500px;margin:7px 0 0;font-size:clamp(24px,2.3vw,35px);line-height:1.08}.principle-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.principle-grid article{background:#080e1ab8;border:1px solid #253550;border-radius:13px;min-height:184px;padding:18px}.principle-grid span{color:#a78bfa;font:11px DM Mono,monospace}.principle-grid h4{color:#e8eef8;letter-spacing:-.035em;margin:29px 0 7px;font-size:15px}.principle-grid p{color:#91a2ba;margin:0;font-size:11px;line-height:1.6}.about-terminal{background:#0a1220;border:1px solid #2a3b57;border-radius:18px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 25px 60px -45px #8b5cf6bf}.about-terminal-head{color:#8496b0;border-bottom:1px solid #25354d;align-items:center;gap:6px;padding:15px;font:10px DM Mono,monospace;display:flex}.about-terminal-head i{background:#f472b6;border-radius:50%;width:7px;height:7px}.about-terminal-head i:nth-child(2){background:#fbbf24}.about-terminal-head i:nth-child(3){background:#34d399}.about-terminal-head span{margin-left:5px}.about-terminal-head b{color:#52dab6;margin-left:auto;font-size:8px;font-weight:400}.about-terminal pre{color:#9eb0c8;white-space:pre-wrap;flex:1;margin:0;padding:28px 23px;font:12px/1.85 DM Mono,monospace}.about-terminal pre em{color:#9d83ff;font-style:normal}.about-terminal pre strong{color:#4fdae7;font-weight:400}.about-terminal pre small{color:#62d9af}.about-terminal pre .caret{color:#22d3ee}@media (width<=950px){.about-shell{padding-top:48px}.about-intro,.about-lower{grid-template-columns:1fr}.about-lower{margin-top:55px}.identity-card{max-width:680px}.principles{padding:23px}}@media (width<=620px){.about-copy h2{font-size:45px}.about-copy .about-code-heading{font-size:40px;line-height:1.14}.about-lead{font-size:17px}.about-support{font-size:14px}.identity-data{grid-template-columns:1fr}.principles-title{display:block}.principle-grid{grid-template-columns:1fr}.principle-grid article{min-height:0}.principle-grid h4{margin-top:19px}.about-terminal pre{padding:22px 18px;font-size:10px}}.portfolio-page{padding-top:66px}.portfolio-top{justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px;display:flex}.portfolio-top .page-intro{margin:0}.portfolio-stats{flex-wrap:wrap;justify-content:end;gap:9px;display:flex}.portfolio-stats span{color:#a3b3c8;background:#0b1321bf;border:1px solid #273750;border-radius:10px;align-items:center;gap:8px;min-height:39px;padding:8px 12px;font:10px DM Mono,monospace;display:inline-flex}.portfolio-stats b{color:#f0f3fa;font-size:16px}.portfolio-stats i,.project-live i{background:#38dba2;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #38dba21a}.enhanced-project{background:linear-gradient(#121b2ef5,#0a101dfa);border-radius:16px}.enhanced-project .thumb{align-items:stretch;height:244px;padding:29px 21px 21px}.enhanced-project .thumb:before{content:"";pointer-events:none;background:radial-gradient(circle at 78% 16%,#ffffff1f,#0000 28%);position:absolute;inset:0}.project-browser{z-index:1;background:#0b1322;border:1px solid #b0c6e78a;border-radius:9px;width:100%;transition:transform .35s;position:relative;overflow:hidden;transform:perspective(850px)rotateX(3deg)rotateY(-3deg);box-shadow:0 20px 34px -22px #000000f2}.enhanced-project:hover .project-browser{transform:perspective(850px)rotateX(0)rotateY(0)translateY(-3px)}.browser-bar{color:#8295ae;background:#101a2c;border-bottom:1px solid #243450;align-items:center;gap:5px;height:30px;padding:0 10px;font:8px DM Mono,monospace;display:flex}.browser-bar i{background:#ee6c9a;border-radius:50%;width:6px;height:6px}.browser-bar i:nth-child(2){background:#f5c760}.browser-bar i:nth-child(3){background:#46d7a2}.browser-bar span{margin-left:5px}.browser-bar b{color:#4ce5ba;letter-spacing:.06em;margin-left:auto;font-size:7px}.browser-body{grid-template-columns:22% 1fr;min-height:149px;display:grid}.browser-body aside{background:#0d1727;border-right:1px solid #20304a;flex-direction:column;gap:10px;padding:17px 9px;display:flex}.browser-body aside i{background:#42536d;border-radius:4px;height:5px}.browser-body aside i:first-child{background:#56cee0}.browser-body main{padding:15px}.browser-title{justify-content:space-between;align-items:center;display:flex}.browser-title span{background:#cad6e8;border-radius:5px;width:41%;height:8px}.browser-title b{background:#8671ea;border-radius:5px;width:23px;height:8px}.browser-metrics{grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0;display:grid}.browser-metrics i{background:linear-gradient(135deg,#172645,#101a2d);border:1px solid #30415f;border-radius:5px;height:29px}.browser-metrics i:nth-child(2){background:linear-gradient(135deg,#1f3154,#202153)}.browser-chart{background:linear-gradient(#14223a,#0e1828);border:1px solid #2d405f;border-radius:5px;align-items:end;gap:5px;height:44px;padding:7px;display:flex}.browser-chart b{background:linear-gradient(#9676ff,#26cce4);border-radius:3px 3px 0 0;flex:1}.browser-chart b:first-child{height:31%}.browser-chart b:nth-child(2){height:52%}.browser-chart b:nth-child(3){height:39%}.browser-chart b:nth-child(4){height:70%}.browser-chart b:nth-child(5){height:52%}.browser-chart b:nth-child(6){height:86%}.browser-chart b:nth-child(7){height:65%}.enhanced-project .project-number{z-index:2;color:#f5f8ffe6;font:10px DM Mono,monospace;top:12px;left:14px}.enhanced-project .project-live{z-index:2;color:#edf8fceb;text-transform:uppercase;align-items:center;gap:6px;font:9px DM Mono,monospace;display:inline-flex;top:12px;left:auto;right:13px}.enhanced-project .project-live i{width:5px;height:5px;box-shadow:0 0 0 3px #38dba21f}.enhanced-project .project-info{padding:19px 19px 11px}.project-kicker{color:#70dfe9;letter-spacing:.09em;margin-bottom:10px;font:10px DM Mono,monospace;display:block}.enhanced-project .project-info h3{font-size:20px}.enhanced-project .project-info p{min-height:43px;font-size:13px;line-height:1.55}.enhanced-project .project-info small{background:#151f33;border:1px solid #263650;padding:7px 9px;font-size:10px;display:inline-block}.enhanced-project .project-links{padding:8px 19px 21px}.enhanced-project .project-links button{color:#c6b6ff;align-items:center;gap:7px;font-size:12px;display:inline-flex}.enhanced-project .project-links button:first-child{color:#55dce9}.enhanced-project .project-links b{font-size:13px}@media (width<=950px){.portfolio-page{padding-top:48px}.portfolio-top{flex-direction:column;align-items:start;gap:19px;margin-bottom:29px}.portfolio-stats{justify-content:start}.enhanced-project .thumb{height:232px}.enhanced-project .project-info h3{font-size:19px}}@media (width<=520px){.portfolio-stats{grid-template-columns:1fr 1fr;width:100%;display:grid}.portfolio-stats span{justify-content:center;padding:8px;font-size:8px}.enhanced-project .thumb{height:213px;padding:30px 17px 17px}.browser-body{min-height:126px}.browser-body main{padding:12px}.browser-metrics{margin:10px 0}.browser-metrics i{height:24px}.browser-chart{height:37px}.enhanced-project .project-info{padding:18px 17px 9px}.enhanced-project .project-links{padding:8px 17px 19px}}.skills-page{padding-top:66px}.skills-top{justify-content:space-between;align-items:end;gap:42px;margin-bottom:39px;display:flex}.skills-top .page-intro{max-width:690px;margin:11px 0 0}.skills-top-card{background:linear-gradient(135deg,#141e32eb,#0b111feb);border:1px solid #2b3c59;border-radius:14px;min-width:236px;padding:17px 18px}.skills-top-card>span{color:#8294ad;text-transform:uppercase;letter-spacing:.1em;font:10px DM Mono,monospace;display:block}.skills-top-card>b{color:#e9eef7;letter-spacing:-.07em;margin:5px 0 10px;font-size:33px;line-height:1;display:block}.skills-top-card>b small{color:#9eafc4;letter-spacing:0;margin-left:5px;font-size:10px;font-weight:500}.skills-top-card code{color:#51dae7;font:11px DM Mono,monospace}.skills-groups{gap:18px;display:grid}.skill-group{background:linear-gradient(145deg,#10192be8,#090f1bd4);border:1px solid #263651;border-radius:17px;overflow:hidden}.skill-group header{background:#090f1b59;border-bottom:1px solid #263651;grid-template-columns:55px 1fr auto;align-items:center;gap:16px;padding:22px 24px;display:grid}.skill-group header>span{color:#a98cff;font:12px DM Mono,monospace}.skill-group h2{letter-spacing:-.055em;margin:0 0 3px;font-size:23px}.skill-group p{color:#91a2ba;margin:0;font-size:12px}.skill-group header code{color:#59dce8;font:10px DM Mono,monospace}.skill-items{background:#0c1423;grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.skill-items article{background:#0c1423;align-items:center;gap:12px;min-height:86px;padding:14px;transition:background .2s,transform .2s;display:flex;position:relative;box-shadow:inset -1px -1px #263651}.skill-items article:hover{z-index:1;background:#142038}.skill-items .glyph{flex:none;width:44px;height:44px;margin:0}.skill-items strong{color:#dfe7f3;font-size:12px;display:block}.skill-items article span{color:#7488a3;margin-top:3px;font:9px DM Mono,monospace;display:block}.skill-items article>i{color:#536682;opacity:0;font-size:11px;font-style:normal;transition:all .2s;position:absolute;top:11px;right:12px}.skill-items article:hover>i{opacity:1;color:#7be2ee}.skills-services,.services-page{background:linear-gradient(#0a101d70,#0c1221d9);border-top:1px solid #1f2d46;padding:94px 0}.services-heading{max-width:680px;margin-bottom:34px}.services-heading h2{letter-spacing:-.07em;margin:8px 0 12px;font-size:clamp(34px,4vw,56px);line-height:.98}.services-heading p{color:#99aac0;margin:0;font-size:15px;line-height:1.65}.skills-services .service-grid,.services-page .service-grid{gap:16px}.skills-services .service-grid article,.services-page .service-grid article{background:linear-gradient(150deg,#141e33f2,#090e1af7);border-color:#2a3a57;border-radius:16px;min-height:285px;padding:24px;position:relative;overflow:hidden}.skills-services .service-grid article:after,.services-page .service-grid article:after{content:"";background:radial-gradient(circle,#7756ea42,#0000 66%);border-radius:50%;width:150px;height:150px;position:absolute;bottom:-78px;right:-65px}.skills-services .service-grid article>span,.services-page .service-grid article>span{color:#62ddea;font:11px DM Mono,monospace}.skills-services .service-grid article>i,.services-page .service-grid article>i{color:#a98cff;font-size:19px;font-style:normal;position:absolute;top:20px;right:22px}.skills-services .service-grid h3,.services-page .service-grid h3{z-index:1;letter-spacing:-.05em;margin:38px 0 11px;font-size:21px;position:relative}.skills-services .service-grid p,.services-page .service-grid p{z-index:1;color:#9eb0c7;min-height:64px;margin:0;font-size:13px;line-height:1.65;position:relative}.skills-services .service-grid article>div,.services-page .service-grid article>div{z-index:1;justify-content:space-between;align-items:end;gap:10px;margin-top:26px;display:flex;position:relative}.skills-services .service-grid article>div b,.services-page .service-grid article>div b{color:#f0f4fa;letter-spacing:-.04em;margin:0;font-size:21px}.skills-services .service-grid article>div small,.services-page .service-grid article>div small{color:#7edce7;text-align:right;font:10px DM Mono,monospace}@media (width<=950px){.skills-page{padding-top:48px}.skills-top{flex-direction:column;align-items:start;gap:22px}.skills-top-card{width:100%;min-width:0}.skill-items{grid-template-columns:repeat(3,1fr)}.skills-services,.services-page{padding:65px 0}.skills-services .service-grid,.services-page .service-grid{grid-template-columns:1fr}.skills-services .service-grid article,.services-page .service-grid article{max-width:none;min-height:238px}}@media (width<=570px){.skill-group header{grid-template-columns:36px 1fr;gap:10px;padding:19px 17px}.skill-group header code{grid-column:2}.skill-group h2{font-size:20px}.skill-group p{font-size:11px}.skill-items{grid-template-columns:repeat(2,1fr)}.skill-items article{gap:9px;min-height:77px;padding:11px}.skill-items .glyph{width:38px;height:38px;font-size:18px}.skill-items strong{font-size:11px}.skill-items article span{font-size:7px}.skills-services .service-grid article,.services-page .service-grid article{padding:22px}.skills-services .service-grid h3,.services-page .service-grid h3{font-size:20px}.skills-services .service-grid p,.services-page .service-grid p{min-height:auto}.services-heading p{font-size:14px}}html body{background-color:#060912;background-image:radial-gradient(900px 560px at 82% -8%,#195da22e,#0000 62%),radial-gradient(740px 530px at 8% 8%,#6f38bc2e,#0000 64%),radial-gradient(650px 460px at 50% 88%,#10707e14,#0000 67%),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}html body:before{z-index:-1;opacity:1;background-image:linear-gradient(#576d9517 1px,#0000 1px),linear-gradient(90deg,#576d9517 1px,#0000 1px),radial-gradient(circle at 1px 1px,#4cd6ed52 1px,#0000 1.7px),linear-gradient(125deg,#0000 0 48%,#8b5cf60e 49%,#0000 50%);background-size:68px 68px,68px 68px,136px 136px,340px 340px;animation:20s ease-in-out infinite grid-breathe}html body:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000 0 15%,#22d3ee0f 15.04%,#0000 15.12%) 0 0/540px 100%,linear-gradient(90deg,#0000 0 77%,#8b5cf612 77.04%,#0000 77.12%) 0 0/770px 100%,linear-gradient(0deg,#0000 0 32%,#22d3ee0e 32.05%,#0000 32.12%) 0 0/100% 360px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000d9,#0000 85%);mask-image:linear-gradient(#000000d9,#0000 85%)}body .hero{position:relative;overflow:hidden}body .hero:before{content:"01 10 01 10  //  SYSTEM ONLINE";color:#22d3ee40;letter-spacing:.24em;transform-origin:100% 0;font:10px DM Mono,monospace;position:absolute;top:38px;right:4vw;transform:rotate(90deg)}body .hero:after{content:"◌";color:#8b5cf629;filter:drop-shadow(0 0 35px #22d3ee24);font-size:260px;line-height:1;position:absolute;bottom:-90px;left:9%}body .hero .wrap{z-index:1;position:relative}@keyframes grid-breathe{0%,to{filter:brightness();background-position:0 0,0 0,0 0,0 0}50%{filter:brightness(1.28);background-position:0 0,0 0,34px 34px,60px 25px}}@media (width<=950px){body .hero:before{display:none}body .hero:after{font-size:190px;bottom:-70px;left:-60px}html body:after{opacity:.65}}html:root{--max:1840px}.hero{padding-top:86px;padding-bottom:66px}.command-bar{white-space:nowrap;color:#9aa9bf;letter-spacing:.16em;background:#0e1422c7;border-top:1px solid #23324a;border-bottom:1px solid #23324a;justify-content:space-around;align-items:center;gap:28px;margin:0;padding:15px 4vw;font:12px DM Mono,monospace;display:flex;overflow:hidden}.command-bar b{color:#8b5cf6;font-size:16px}.home-console{background:linear-gradient(#0a101ecc,#06091226);padding:48px 0 35px}.console-header{color:#7d91ad;letter-spacing:.11em;justify-content:space-between;align-items:center;margin-bottom:14px;font:10px DM Mono,monospace;display:flex}.console-header small{font-size:9px}.console-header b{color:#40d7b5}.console-grid{grid-template-columns:1.55fr .72fr .72fr;gap:16px;display:grid}.console-grid article{background:#0c1422;border:1px solid #263650;border-radius:12px;min-height:214px;overflow:hidden}.window-head{color:#8396ae;border-bottom:1px solid #263650;align-items:center;gap:6px;height:37px;padding:0 13px;font:10px DM Mono,monospace;display:flex}.window-head i{background:#f472b6;border-radius:50%;width:7px;height:7px}.window-head i:nth-child(2){background:#fbbf24}.window-head i:nth-child(3){background:#34d399}.window-head span{margin-left:7px}.terminal-window pre{color:#a8b9ce;margin:0;padding:19px;font:12px/1.8 DM Mono,monospace}.terminal-window pre>b{color:#a78bfa}.terminal-window pre em{color:#22d3ee;font-style:normal}.terminal-window pre small{color:#69d5ba}.terminal-window pre strong{color:#c7b8ff;font-weight:400}.caret{color:#22d3ee;animation:1s steps(2,end) infinite blink}.activity-card,.signal-card{flex-direction:column;padding:19px;display:flex}.activity-card>span,.signal-card>span{color:#879ab5;letter-spacing:.08em;font:10px DM Mono,monospace}.activity-card strong{letter-spacing:-.09em;margin-top:15px;font-size:45px;line-height:1}.activity-card strong span{color:#a78bfa}.activity-card p,.signal-card p{color:#9eafc4;margin:10px 0;font-size:10px;line-height:1.5}.activity-card>div{gap:5px;margin-top:auto;display:flex}.activity-card>div i{background:#263852;border-radius:3px;flex:1;height:5px}.activity-card>div i:first-child{background:linear-gradient(90deg,#7c3aed,#22d3ee)}.signal-card>b{letter-spacing:-.08em;color:#e8f0fb;margin-top:18px;font-size:39px;line-height:1}.signal-card>b small{color:#22d3ee;font-size:15px}.signal-bars{align-items:end;gap:4px;height:37px;margin-top:auto;display:flex}.signal-bars i{background:linear-gradient(#8b5cf6,#22d3ee);border-radius:3px 3px 0 0;flex:1}.signal-bars i:first-child{height:27%}.signal-bars i:nth-child(2){height:55%}.signal-bars i:nth-child(3){height:42%}.signal-bars i:nth-child(4){height:82%}.signal-bars i:nth-child(5){height:63%}.signal-bars i:nth-child(6){height:91%}.signal-bars i:nth-child(7){height:74%}@media (width>=1500px){.hero{padding-top:110px;padding-bottom:80px}.hero h1{font-size:clamp(60px,5.2vw,100px)}.dev-desk{height:530px}.main-monitor{height:395px}.secondary-monitor{height:295px}.home-console{padding-top:58px}}@media (width<=950px){.command-bar{gap:15px;padding:12px 20px;font-size:8px}.console-grid{grid-template-columns:1fr}.console-grid article{min-height:180px}.home-console{padding:32px 0}.terminal-window pre{font-size:9px}.activity-card,.signal-card{min-height:150px!important}.console-header{font-size:8px}.console-header small{font-size:7px}}html,body,#root{min-height:100%}body{flex-direction:column;min-height:100vh;display:flex}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}main{flex:1 0 auto}footer{margin-top:auto}.dev-desk{isolation:isolate;height:470px;position:relative;overflow:visible}.dev-desk:before{content:"01001110 01000101 01010100 01010111 01001111 01010010 01001011";color:#22d3ee2e;letter-spacing:.28em;font:11px DM Mono,monospace;position:absolute;top:32px;right:-72px;transform:rotate(90deg)}.code-stream{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.code-stream span{white-space:nowrap;color:#7f9bb8;opacity:0;background:#090e1999;border:1px solid #22d3ee33;border-radius:999px;padding:7px 11px;font:9px DM Mono,monospace;animation:16s linear infinite code-drift;position:absolute}.code-stream span:first-child{animation-delay:-3s;top:12%;left:-30%}.code-stream span:nth-child(2){color:#b6a3ff;animation-duration:20s;animation-delay:-8s;top:29%;left:-40%}.code-stream span:nth-child(3){color:#72ddc8;animation-duration:18s;animation-delay:-12s;top:56%;left:-25%}.code-stream span:nth-child(4){color:#f4a9ca;animation-duration:22s;animation-delay:-6s;top:77%;left:-35%}.monitor{background:#0b1321;border:1px solid #3a4b68;border-radius:12px;position:absolute;overflow:hidden;box-shadow:0 26px 55px #00000073}.secondary-monitor{opacity:.84;z-index:1;width:60%;height:265px;top:5px;left:0;transform:rotate(-6deg)}.main-monitor{z-index:3;border-color:#5975a5;width:84%;height:350px;top:38px;right:0;transform:rotate(1.5deg)}.screen-top{color:#8497b1;border-bottom:1px solid #283851;align-items:center;gap:6px;height:35px;padding:0 13px;font:9px DM Mono,monospace;display:flex}.screen-top i{background:#55667c;border-radius:50%;width:6px;height:6px}.screen-top i:first-child{background:#f472b6}.screen-top i:nth-child(2){background:#fbbf24}.screen-top i:nth-child(3){background:#34d399}.screen-top b{color:#b6c5d7;margin-left:7px;font-weight:400}.screen-top small{color:#34d399;margin-left:auto;font-size:7px}.secondary-monitor pre{color:#93a8c4;margin:0;padding:19px;font:10px/2 DM Mono,monospace}.secondary-monitor pre em{color:#536986;margin-right:11px;font-style:normal}.secondary-monitor pre strong{color:#5eead4}.editor{color:#b8c7d9;gap:13px;padding:20px;font:11px/1.9 DM Mono,monospace;display:flex}.editor aside{color:#4a607b;text-align:right;line-height:1.9}.editor pre{margin:0}.editor em{color:#f472b6;font-style:normal}.editor strong{color:#22d3ee}.editor mark{color:#fbbf24;background:0 0}.editor u{color:#a78bfa;text-decoration:none}.editor pre b{color:#22d3ee;animation:1s steps(2,end) infinite blink}.desk-keyboard{z-index:5;background:linear-gradient(160deg,#26354b,#101826);border:1px solid #4a5d7e;border-radius:11px;width:78%;padding:15px 12px 11px;position:absolute;bottom:0;right:4%;transform:perspective(500px)rotateX(42deg)rotate(-3deg);box-shadow:0 25px 37px #0000008c,0 0 0 4px #22d3ee0a}.desk-keyboard>div{gap:4px;margin-bottom:4px;display:flex}.desk-keyboard i{color:#a5b7cd;text-align:center;background:#1d2a3d;border:1px solid #354963;border-radius:3px;flex:1;padding:7px 3px;font:8px DM Mono,monospace;box-shadow:0 2px #0a0f18}.desk-keyboard i:nth-child(4n){color:#22d3ee}.desk-keyboard .wide-key{flex:5}.terminal-badge{z-index:7;color:#9eafc7;background:#111a2a;border:1px solid #3b4f6d;border-radius:999px;padding:10px 13px;font:9px DM Mono,monospace;position:absolute;bottom:20px;left:-12px;box-shadow:0 13px 30px #00000059}.terminal-badge span{color:#a78bfa}.terminal-badge b{color:#34d399;margin-left:8px}.profile-chip{z-index:6;object-fit:cover;border:2px solid #a78bfa;border-radius:50%;width:64px;height:64px;position:absolute;bottom:80px;right:5px;box-shadow:0 10px 26px #0006}@keyframes code-drift{0%{opacity:0;transform:translate(0)}12%,84%{opacity:1}to{opacity:0;transform:translate(880px)}}@media (width<=950px){.dev-desk{height:415px;margin-top:15px}.main-monitor{width:88%;height:285px;top:28px}.secondary-monitor{height:205px}.screen-top{height:29px;font-size:7px}.secondary-monitor pre,.editor{padding:13px;font-size:7px;line-height:1.8}.editor aside{line-height:1.8}.desk-keyboard{width:90%;padding:10px 8px 8px;right:2%}.desk-keyboard i{padding:5px 2px;font-size:6px}.terminal-badge{font-size:7px;bottom:10px;left:0}.profile-chip{width:48px;height:48px;bottom:63px}.dev-desk:before{display:none}}.nav-links button.active{color:#c5b8ff;background:#161f32;box-shadow:inset 0 0 0 1px #34425e}.page-head{background:linear-gradient(#0e1525e6,#0000);border-bottom:1px solid #1c2840;padding:34px 0 18px}.page-head span{color:#8293ad;font:11px DM Mono,monospace}.page-head h1{letter-spacing:-.07em;margin:13px 0 0;font-size:clamp(44px,6vw,73px);line-height:.95}.single-page{min-height:58vh;padding:28px 0 42px}.page-intro{color:#aab8ca;max-width:670px;margin:0 0 34px;font-size:16px;line-height:1.65}.about-page{grid-template-columns:1fr .9fr;align-items:start;gap:10vw;display:grid}.about-page h2{margin:8px 0 20px;font-size:clamp(35px,4vw,52px)}.about-page p{color:#a8b6c8;max-width:620px;font-size:16px;line-height:1.7}.experience-page{max-width:1180px!important}.experience-page .timeline{max-width:780px}.home-links{padding:0 0 64px}.home-links .wrap{grid-template-columns:1fr 1fr 1fr;gap:15px;display:grid}.home-links p,.home-links button{text-align:left;background:#0d1421;border:1px solid #23314a;border-radius:12px;margin:0;padding:19px 20px}.home-links p{color:#b2c0d3;font-size:13px}.home-links button{font-size:12px;font-weight:700}.home-links button:hover{color:#c7bcff;border-color:#8b5cf6}.home-links button span{color:#8090a8;margin-top:5px;font-size:9px;font-weight:400;display:block}.contact.standalone{align-items:center;min-height:calc(100vh - 260px);display:flex}.contact.standalone .wrap{width:100%}@media (width<=950px){.page-head{padding:43px 0 27px}.single-page{padding:45px 0 65px}.about-page,.home-links .wrap{grid-template-columns:1fr}.home-links p,.home-links button{padding:16px}.page-intro{font-size:14px}.contact.standalone{min-height:auto}}@media (width<=700px){.page-head{padding-top:35px}.hero{padding-top:42px}}body .tech-panel .wrap>div{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:16px}@media (width<=950px){body .tech-panel .wrap>div{grid-template-columns:repeat(3,1fr)}body .tech-panel article:nth-child(n+6){display:block}}body{font-size:16px}body header .wrap{gap:28px}body .logo{gap:12px;font-size:20px}body .logo span{font-size:26px}body .nav-links{gap:8px}body .nav-links button{padding:12px 15px;font-size:13px}body .lang-toggle button{padding:7px 11px;font-size:11px}body .admin-trigger{padding:11px 13px;font-size:11px}body .btn{padding:16px 22px;font-size:14px}body .btn.small{padding:13px 16px;font-size:12px}body .status{padding:9px 15px;font-size:12px}body .hero-hello{font-size:22px}body .hero h2{font-size:28px}body .hero-intro{max-width:560px;font-size:16px}body .socials button{width:42px;height:42px;font-size:11px}body .domain-line{font-size:11px}body .tech-panel h3{font-size:16px}body .tech-panel article{font-size:11px}body .glyph{width:52px;height:52px;font-size:24px}body .heading span,body .section-tag{font-size:11px}body .heading h2,body .about h2{font-size:32px}body .heading>button,body .link-arrow{font-size:13px}body .project-info h3{font-size:18px}body .project-info p{font-size:13px}body .project-info small{padding:6px 9px;font-size:10px}body .project-links button,body .project-links a{font-size:12px}body .about p{font-size:14px}body .info-list div{padding:9px 0;font-size:12px}body .timeline h3{font-size:15px}body .timeline b{font-size:12px}body .timeline p{font-size:13px!important}body .timeline small{font-size:10px}body .service-grid h3{font-size:20px}body .service-grid p{font-size:13px}body .service-grid b{font-size:20px}body .contact p{font-size:15px}body .contact input,body .contact textarea{padding:15px;font-size:14px}body footer{font-size:11px}body .admin-panel{font-size:14px}body .admin-panel h2{font-size:33px}body .admin-section h3{font-size:15px}body .admin-section input,body .admin-section textarea{padding:12px;font-size:13px}@media (width<=950px){body header{height:auto}body .logo{font-size:16px}body .logo span{font-size:22px}body .btn.small{padding:11px 13px;font-size:11px}body .hero h2{font-size:23px}body .tech-panel h3{font-size:14px}body .glyph{width:45px;height:45px;font-size:20px}}:root{--bg:#060912;--soft:#0b1020;--panel:#10182a;--panel2:#131d31;--line:#202b42;--text:#edf2fa;--muted:#9aa9be;--cyan:#22d3ee;--violet:#8b5cf6;--pink:#ec4899;--grad:linear-gradient(135deg,#7c3aed,#22d3ee);--radius:14px;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(900px 560px at 80% -10%,#3b82f621,transparent 65%),radial-gradient(720px 480px at 8% 6%,#8b5cf61f,transparent 63%),var(--bg);color:var(--text);margin:0;font-family:Inter,Arial,sans-serif;line-height:1.55}body:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:68px 68px;position:fixed;inset:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}.wrap{max-width:var(--max);margin:0 auto;padding-left:4vw;padding-right:4vw}header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#060912eb;border-bottom:1px solid #2a3852b3;padding:11px 0;position:sticky;top:0}header .wrap{justify-content:space-between;align-items:center;gap:22px;display:flex}.logo{align-items:center;gap:10px;font-size:16px;display:flex}.logo span{color:#a78bfa;font:700 22px DM Mono,monospace}.nav-links{gap:4px;display:flex}.nav-links button{color:#d1d9e5;border-radius:7px;padding:9px 12px;font-size:11px}.nav-links button:hover{color:var(--cyan);background:#111a2c}.nav-actions{align-items:center;gap:9px;display:flex}.lang-toggle{background:#10182a;border:1px solid #27334a;border-radius:999px;padding:3px;display:flex}.lang-toggle button{color:#8494ad;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:700}.lang-toggle .active{background:var(--grad);color:#fff}.btn{border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.primary{background:var(--grad);color:#fff;box-shadow:0 9px 24px -10px #22d3eeb8}.primary:hover{box-shadow:0 14px 31px -10px #8b5cf6e6}.ghost{color:#e9eef8;background:#0d1421;border:1px solid #34425d}.ghost:hover{color:#c2bafc;border-color:#9b8df6}.small{padding:10px 13px;font-size:10px}.admin-trigger{color:#9fadbf;border:1px solid #26334a;border-radius:8px;padding:9px 10px;font:10px DM Mono,monospace}.admin-trigger:hover{color:#c4b5fd;border-color:#a78bfa}.hero{padding:68px 0 48px}.hero-grid{grid-template-columns:1.04fr .96fr;align-items:center;gap:5vw;display:grid}.status{color:#aab8ca;background:#0f1726;border:1px solid #26334b;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:10px;display:inline-flex}.status i{background:#34d399;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #34d39924}.status i.busy{background:#fb7185}.hello{color:#d8e1ef;margin:24px 0 6px;font-size:19px}.hero h1{letter-spacing:-.07em;background:linear-gradient(135deg,#fff 34%,#a78bfa 66%,#38bdf8);color:#0000;-webkit-background-clip:text;margin:0;font-size:clamp(46px,6vw,83px);line-height:.95}.hero h2{margin:17px 0 0;font-size:23px}.hero h2 span{color:#a78bfa;margin-left:4px;animation:1s steps(2,end) infinite blink}.hero-intro{color:#a6b5c9;max-width:510px;margin:14px 0;font-size:14px;line-height:1.7}.hero-actions{gap:12px;margin-top:26px;display:flex}.socials{gap:9px;margin-top:25px;display:flex}.socials button{background:#0e1523;border:1px solid #29364f;border-radius:9px;width:36px;height:36px;font-size:10px;font-weight:700}.socials button:hover{color:#b6aaff;border-color:#8b5cf6}.domain-line{color:#566a87;margin-top:21px;font-size:9px;display:block}.profile-card{background:radial-gradient(circle at 67% 25%,#8b5cf661,#0000 31%),linear-gradient(150deg,#17122e,#09101c 75%);border:1px solid #8b5cf68c;border-radius:14px;height:390px;position:relative;overflow:hidden;box-shadow:0 25px 65px -36px #22d3ee99}.profile-card>img{object-fit:cover;z-index:2;width:100%;height:100%;position:relative}.grid{opacity:.65;background-image:linear-gradient(#8b5cf640 1px,#0000 1px),linear-gradient(90deg,#8b5cf640 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.dev-figure{z-index:1;width:48%;height:88%;position:absolute;bottom:0;right:16%}.face{background:linear-gradient(145deg,#49516b,#161c2a);border-radius:49% 49% 42% 42%;width:43%;height:31%;margin:0 auto;box-shadow:0 0 45px #a78bfa47}.hoodie{background:linear-gradient(120deg,#2a3247,#080c14 76%);border-radius:48% 48% 0 0;height:70%;margin-top:-4px}.code-sign{z-index:3;background:#0d121fed;border:1px solid #3b4866;border-radius:11px;width:164px;padding:15px;position:absolute;bottom:18px;left:-34px;box-shadow:0 18px 38px #00000059}.code-sign>b{color:#9b7cff;font:700 27px DM Mono,monospace}.code-sign small{color:#e5ebf5;margin-top:8px;font-size:9px;line-height:1.5;display:block}.code-sign i{background:#22d3ee;border-radius:50%;width:6px;height:6px;position:absolute;bottom:17px;right:14px}.tech-panel{padding:0 0 57px}.tech-panel .wrap{background:#0a0f1bbd;border:1px solid #202d44;border-radius:14px;padding-top:19px;padding-bottom:20px}.tech-panel h3{text-align:center;margin:0 0 17px;font-size:13px}.tech-panel .wrap>div{grid-template-columns:repeat(9,1fr);gap:10px;display:grid}.tech-panel article{text-align:center;color:#a6b4c5;font-size:9px}.glyph{color:#a78bfa;background:#0c1320;border:1px solid #1e2d46;border-radius:10px;place-items:center;width:44px;height:44px;margin:0 auto 7px;font-size:20px;display:grid}.g1{color:#60a5fa}.g2{color:#22d3ee}.g3{color:#84cc16}.g4{color:#38bdf8}.g5{color:#a5b4fc}.g6{color:#4ade80}.g7{color:#60a5fa}.g8{color:#f97316}.projects,.about,.services{padding:55px 0}.projects{background:linear-gradient(#0000,#0a101d 50%,#0000)}.heading{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.heading span,.section-tag{letter-spacing:.1em;color:#22d3ee;font:11px DM Mono,monospace}.heading h2,.about h2,.contact h2{letter-spacing:-.04em;margin:5px 0 0;font-size:26px;line-height:1.1}.heading>button{color:#b79bff;font-size:11px;font-weight:600}.project-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.project{background:linear-gradient(#111827,#0d1320);border:1px solid #26324b;border-radius:12px;transition:all .2s;overflow:hidden}.project:hover{border-color:#7c5ce5;transform:translateY(-5px);box-shadow:0 20px 43px -27px #8b5cf6cc}.thumb{place-items:center;height:175px;display:grid;position:relative;overflow:hidden}.thumb.violet{background:linear-gradient(135deg,#322277,#10152b)}.thumb.green{background:linear-gradient(135deg,#0d543d,#101e24)}.thumb.blue{background:linear-gradient(135deg,#103367,#101729)}.thumb>img{object-fit:cover;width:100%;height:100%}.thumb>span{color:#e4eafb;font:10px DM Mono,monospace;position:absolute;top:12px;left:14px}.mockup{border:1px solid #ffffff6b;border-radius:7px;width:75%;height:61%;position:relative;box-shadow:0 0 35px #8b5cf647}.mockup:before{content:"";background:#ffffff14;border-bottom:1px solid #ffffff4d;height:13px;display:block}.mockup i{background:#ffffff4d;border-radius:4px;width:76%;height:6px;margin:9px auto;display:block}.project-info{padding:16px 16px 9px}.project-info h3{margin:0 0 6px;font-size:15px}.project-info p{color:#a4b1c4;margin:0 0 13px;font-size:11px;line-height:1.45}.project-info small{color:#c2cede;background:#192337;border-radius:6px;padding:5px 7px;font-size:9px}.project-links{gap:21px;padding:0 16px 17px;display:flex}.project-links button{color:#b69dff;font-size:10px}.about{background:#090f1c;border-top:1px solid #17223a;border-bottom:1px solid #17223a}.about-grid{grid-template-columns:.9fr 1.25fr;gap:8vw;display:grid}.about p{color:#a9b6c8;max-width:440px;font-size:12px;line-height:1.7}.info-list{background:#101827;border:1px solid #1e2c43;border-radius:11px;margin-top:23px;padding:12px 15px}.info-list div{grid-template-columns:21px 100px 1fr;gap:8px;padding:7px 0;font-size:10px;display:grid}.info-list b{color:#a78bfa}.info-list strong{color:#ecf1fa}.info-list span{color:#a8b6c8}.timeline{border-left:1px solid #384461;margin-top:12px;padding-left:23px}.timeline article{padding-bottom:15px;position:relative}.timeline i{background:#8b5cf6;border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:-29px;box-shadow:0 0 0 5px #8b5cf61f}.timeline h3{margin:0;font-size:13px}.timeline em{float:right;color:#d6dfec;font-size:9px;font-style:normal}.timeline b{color:#ae96ff;font-size:10px}.timeline p{margin:5px 0!important;font-size:11px!important}.timeline small{color:#c2cede;background:#172136;border-radius:6px;padding:5px 8px;font-size:9px}.services{background:#080d18}.services-group{margin-bottom:34px}.services-group:last-child{margin-bottom:0}.services-group-head{margin-bottom:16px}.services-group-head h3{letter-spacing:-.02em;margin:0 0 5px;font-size:16px}.services-group-head p{color:#8090a8;max-width:560px;margin:0;font-size:11px;line-height:1.5}.service-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.service-grid article{background:linear-gradient(#131b2b,#0e1522);border:1px solid #26324a;border-radius:12px;min-height:206px;padding:21px}.service-grid span{color:#22d3ee;font:11px DM Mono,monospace}.service-grid h3{margin:21px 0 10px;font-size:17px}.service-grid p{color:#a3b1c3;font-size:11px}.service-grid b{margin-top:28px;font-size:18px;display:block}.card-meta{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.details-btn{color:#b79bff;white-space:nowrap;font-size:10px;font-weight:600}.details-btn:hover{color:#22d3ee}.detail-backdrop{z-index:110;background:#02040ad1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.detail-modal{background:#101827;border:1px solid #34425d;border-radius:16px;width:100%;max-width:560px;max-height:86vh;padding:34px 30px;position:relative;overflow:auto;box-shadow:0 30px 70px #0000008c}.detail-modal .close{color:#8494ad;font-size:24px;position:absolute;top:14px;right:18px}.detail-modal h3{letter-spacing:-.03em;margin:8px 0 14px;font-size:24px}.detail-modal .price-row{margin-bottom:14px}.detail-desc{color:#a9b6c8;margin:0 0 20px;font-size:12px;line-height:1.6}.detail-features{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.detail-features li{color:#dbe3f0;padding-left:24px;font-size:12px;line-height:1.5;position:relative}.detail-features li:before{content:"✓";color:#22d3ee;font-weight:700;position:absolute;top:0;left:0}.detail-note{color:#8090a8;border-top:1px solid #232f47;margin:18px 0 0;padding-top:14px;font-size:11px;line-height:1.6}.detail-fallback{color:#8090a8;font-size:11px;line-height:1.6}.contact{background:linear-gradient(135deg,#22d3ee1a,#8b5cf626);border-top:1px solid #27334a;padding:70px 0}.contact-top{grid-template-columns:1fr 1fr;align-items:center;gap:7vw;display:grid}.contact h2{font-size:clamp(38px,5vw,61px)}.contact p{color:#a7b5c7}.contact form{flex-direction:column;gap:10px;display:flex}.contact input,.contact textarea{color:#eaf0f8;background:#0c1320;border:1px solid #2a3851;border-radius:9px;outline:0;padding:13px}.contact textarea{resize:vertical;min-height:105px}.contact input:focus,.contact textarea:focus{border-color:#8b5cf6}footer{color:#78869a;background:#050812;border-top:1px solid #1d293e;padding:14px 0;font:10px DM Mono,monospace}footer .wrap{justify-content:space-between;gap:15px;display:flex}.admin-backdrop{z-index:100;background:#02040acc;justify-content:flex-end;display:flex;position:fixed;inset:0}.admin-panel{background:#101827;border-left:1px solid #34425d;width:min(490px,100%);height:100%;padding:38px 30px;overflow:auto;box-shadow:-25px 0 65px #00000080}.close{font-size:26px;position:absolute;top:17px;right:22px}.admin-kicker{color:#22d3ee;letter-spacing:.12em;font:10px DM Mono,monospace}.admin-panel h2{letter-spacing:-.05em;margin:9px 0;font-size:29px}.admin-sub{color:#9dadbf;font-size:11px;line-height:1.55}.admin-section{border-top:1px solid #2a3850;padding:19px 0}.admin-section h3{margin:0 0 13px;font-size:13px}.admin-section label{color:#9badc3;margin:9px 0;font-size:9px;display:block}.admin-section input,.admin-section textarea{color:#eaf0f9;background:#0b111d;border:1px solid #2b3951;border-radius:7px;outline:none;width:100%;margin-top:5px;padding:10px;font-size:11px;display:block}.admin-section textarea{resize:vertical;min-height:66px}.upload{text-align:center;cursor:pointer;border:1px dashed #53617c;border-radius:8px;color:#c9d6e9!important;padding:11px!important}.upload input{display:none!important}.text-action{color:#fda4af;margin-top:9px;font-size:10px}.status-row{justify-content:space-between;align-items:center;display:flex}.status-row p{color:#9eb0c7;margin:3px 0;font-size:10px}.toggle{background:#3b4a61;border-radius:999px;width:48px;height:26px;padding:3px}.toggle i{background:#eef3f9;border-radius:50%;width:20px;height:20px;transition:all .2s;display:block}.toggle.on{background:var(--grad)}.toggle.on i{transform:translate(22px)}.project-form{flex-direction:column;gap:8px;display:flex}.done{width:100%;margin-top:10px}@keyframes blink{50%{opacity:0}}@media (width<=950px){header{height:auto}header .wrap{padding-top:13px;padding-bottom:13px}.nav-links{display:none}.hero{padding-top:50px}.hero-grid,.about-grid,.contact-top{grid-template-columns:1fr;gap:38px}.hero-visual{max-width:640px}.profile-card{height:360px}.tech-panel .wrap>div{grid-template-columns:repeat(5,1fr)}.tech-panel article:nth-child(n+6){display:none}.project-grid,.service-grid{grid-template-columns:1fr}.project{max-width:650px}.about-grid{gap:50px}.contact{padding:60px 0}footer .wrap{flex-wrap:wrap}footer .wrap span:last-child{width:100%}}@media (width<=540px){.wrap{padding-left:20px;padding-right:20px}.btn.small{display:none}.logo b{font-size:14px}.nav-actions{gap:6px}.admin-trigger{padding:8px}.hero h1{font-size:45px}.hero h2{font-size:20px}.hero-actions{flex-wrap:wrap}.profile-card{height:310px}.code-sign{bottom:10px;left:10px}.tech-panel .wrap{padding-left:12px;padding-right:12px}.glyph{width:39px;height:39px;font-size:17px}.tech-panel article{font-size:8px}.info-list div{grid-template-columns:20px 75px 1fr;font-size:9px}.timeline em{float:none;margin-top:3px;display:block}.heading{align-items:flex-start}.heading>button{margin-top:8px}.admin-panel{padding:35px 20px}}.contact-info{background:#334460bf;border:1px solid #334460bf;border-radius:12px;grid-template-columns:1fr 1fr;gap:1px;margin-top:28px;display:grid;overflow:hidden}.contact-info div{background:#0c1423;min-height:72px;padding:13px}.contact-info span{color:#8294ad;text-transform:uppercase;letter-spacing:.09em;font:10px DM Mono,monospace;display:block}.contact-info strong{color:#edf2fa;align-items:center;gap:7px;margin-top:6px;font-size:12px;font-weight:400;display:flex}.contact-info strong i{background:#34d399;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #34d39924}.contact-info strong i.busy{background:#fb7185}.contact-channels{flex-wrap:wrap;gap:9px;margin-top:20px;display:flex}.contact-channels button{color:#e9eef8;background:#0e1523;border:1px solid #29364f;border-radius:999px;padding:10px 16px;font-size:11px;transition:all .2s}.contact-channels button:hover{color:#b6aaff;border-color:#8b5cf6}.contact-form-card{background:linear-gradient(160deg,#10192bdb,#080d18b8);border:1px solid #2a3851;border-radius:16px;padding:26px}.contact-steps{margin-top:clamp(60px,9vw,110px)}@media (width<=950px){.contact-steps{margin-top:50px}}@media (width<=620px){.contact-info{grid-template-columns:1fr}.contact-form-card{padding:20px}}.admin-projects-list{flex-direction:column;gap:18px;margin-top:13px;display:flex}.admin-project-row{background:#0d1523;border:1px solid #263651;border-radius:10px;padding:14px}.admin-project-row label{margin:7px 0}.admin-project-row label:first-child{margin-top:0}.admin-project-row .text-action{margin-top:8px}.admin-empty{color:#7f8fa6;margin:6px 0 0;font-size:10px}.admin-section h3 small{color:#7f8fa6;font-size:10px;font-weight:400}.admin-login{background:#0e1523;border:1px solid #263651;border-radius:18px;width:min(430px,92vw);padding:38px 34px;position:relative;box-shadow:0 40px 90px -40px #000000bf}.admin-login h2{letter-spacing:-.04em;margin:9px 0 8px;font-size:24px}.admin-login form{flex-direction:column;gap:14px;margin-top:22px;display:flex}.admin-login label{color:#9badc3;font-size:10px;display:block}.admin-login input{color:#eaf0f9;background:#0b111d;border:1px solid #2b3951;border-radius:8px;outline:none;width:100%;margin-top:6px;padding:12px;font-size:12px;display:block}.admin-login input:focus{border-color:#8b5cf6}.admin-error{color:#fda4af;margin:0;font-size:11px}.admin-dashboard{z-index:100;background:#050812;display:flex;position:fixed;inset:0}.admin-side{background:#0b111d;border-right:1px solid #1b263c;flex-direction:column;flex:none;width:272px;padding:30px 22px;display:flex}.admin-side h2{letter-spacing:-.03em;margin:8px 0 0;font-size:20px}.admin-side nav{flex-direction:column;gap:4px;margin-top:26px;display:flex}.admin-side nav button{text-align:left;color:#c3cede;border-radius:9px;justify-content:space-between;align-items:center;padding:12px 13px;font-size:12px;transition:all .15s;display:flex}.admin-side nav button:hover{color:#e7edf8;background:#131d31}.admin-side nav button.active{background:var(--grad);color:#fff}.admin-side nav button small{opacity:.8;font-weight:400}.admin-side-bottom{border-top:1px solid #1b263c;flex-direction:column;gap:11px;margin-top:auto;padding-top:20px;display:flex}.admin-side-bottom .text-action{color:#8fa0b8;margin:0;font-size:10px}.admin-side-bottom .text-action:hover{color:#fda4af}.admin-content{flex:1;padding:52px 6vw 70px;position:relative;overflow:auto}.admin-content .close{position:absolute;top:28px;right:5vw}.admin-content-inner{flex-direction:column;gap:6px;max-width:640px;display:flex}.admin-content .admin-section{border-top:none;border-bottom:1px solid #1b263c;padding:26px 0}.admin-content .admin-section:first-child{padding-top:0}.admin-content .admin-section:last-child{border-bottom:none}@media (width<=860px){.admin-dashboard{flex-direction:column}.admin-side{flex-direction:row;align-items:center;gap:10px;width:100%;padding:14px 16px;overflow-x:auto}.admin-side>div:first-child{display:none}.admin-side nav{flex-direction:row;flex:none;margin-top:0}.admin-side nav button{white-space:nowrap;padding:9px 11px;font-size:11px}.admin-side-bottom{border-top:none;flex-direction:row;flex:none;gap:8px;margin-top:0;margin-left:auto;padding-top:0}.admin-side-bottom .btn{white-space:nowrap;padding:9px 12px;font-size:10px}.admin-side-bottom .text-action{white-space:nowrap}.admin-content{padding:20px 6vw 60px}.admin-content .close{top:16px;right:18px}}.enhanced-project .project-links a{color:#c6b6ff;cursor:pointer;align-items:center;gap:7px;font-size:12px;text-decoration:none;display:inline-flex}.enhanced-project .project-links a:first-child{color:#55dce9}.project-links a{color:#b69dff;align-items:center;gap:7px;font-size:10px;text-decoration:none;display:inline-flex}.admin-project-row label small{color:#66768e;text-transform:none;letter-spacing:0;font-weight:400}.admin-savebar{background:#050812;border-top:1px solid #1b263c;justify-content:flex-end;align-items:center;gap:16px;margin-top:34px;padding:18px 0 6px;display:flex;position:sticky;bottom:0;left:0;right:0}.admin-saved{color:#52dab6;opacity:0;font-size:11px;transition:opacity .25s,transform .25s;transform:translateY(3px)}.admin-saved.show{opacity:1;transform:translateY(0)}.contact-form-card .admin-error{margin:-4px 0 0}.enhanced-project .thumb.has-photo{padding:0}.enhanced-project .thumb.has-photo>img{border-radius:0}.skill-items .glyph{width:44px;height:44px;margin:0;font-size:18px;line-height:1}.skill-items .glyph.glyph-mid{letter-spacing:-.03em;font-size:12px}.skill-items .glyph.glyph-wide{letter-spacing:-.02em;padding:0 2px;font-size:9px}@media (width<=570px){.skill-items .glyph{width:38px;height:38px;font-size:16px}.skill-items .glyph.glyph-mid{font-size:10px}.skill-items .glyph.glyph-wide{font-size:7px}}@media (width<=950px){.skill-items .glyph{width:41px;height:41px;font-size:16px}.skill-items .glyph.glyph-mid{font-size:11px}.skill-items .glyph.glyph-wide{font-size:8px}}.project{flex-direction:column;display:flex}.project-info{flex-direction:column;flex:1;display:flex}.project-info p{margin:0 0 13px}.project-links,.project-tags-plain{margin-top:auto}.project-langs{flex-direction:column;gap:7px;margin:2px 0 14px;display:flex}.lang-row{grid-template-columns:76px 1fr 34px;align-items:center;gap:9px;display:grid}.lang-row span{color:#a4b1c4;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.lang-row i{background:#1b2436;border-radius:999px;height:5px;display:block;overflow:hidden}.lang-row i b{background:var(--grad);border-radius:999px;height:100%;display:block}.lang-row small{text-align:right;color:#c2cede;font:10px DM Mono,monospace}.desc-toggle{color:#8b9dff;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;margin-left:2px;padding:0;font-size:9px;font-weight:700;text-decoration:underline;display:inline}.desc-toggle:hover{color:#b6aaff}.logo img{object-fit:cover;border-radius:8px;flex:none;width:30px;height:30px}.menu-toggle{background:#10182a;border:1px solid #27334a;border-radius:9px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;display:flex}.menu-toggle i{background:#d1d9e5;border-radius:2px;width:19px;height:2px;transition:all .2s;display:block}.menu-toggle.open i:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle.open i:nth-child(2){opacity:0}.menu-toggle.open i:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-drawer{z-index:19;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0f1cf5;border-bottom:1px solid #2a3852b3;position:absolute;top:100%;left:0;right:0;box-shadow:0 25px 50px -20px #0009}.nav-drawer-links{max-width:var(--max);flex-direction:column;margin:0 auto;padding:8px 4vw 0;display:flex}.nav-drawer-links button{text-align:left;color:#d1d9e5;border-bottom:1px solid #182238;padding:15px 6px;font-size:14px}.nav-drawer-links button:hover,.nav-drawer-links button.active{color:var(--cyan)}.nav-drawer>.btn{max-width:calc(var(--max) - 8vw);margin:16px auto 22px;display:flex}.admin-logo{object-fit:contain;max-width:150px;max-height:44px;margin-bottom:10px;display:block}.admin-logo-preview{object-fit:contain;border-radius:8px;max-width:180px;max-height:70px;margin:6px 0;display:block}@media (width<=540px){.hide-mobile{display:none}}.menu-toggle{display:none}@media (width<=950px){.desktop-only{display:none!important}.menu-toggle{display:flex}}@media (width>=951px){.nav-drawer{display:none!important}}.price-row{flex-wrap:wrap;align-items:baseline;gap:9px;display:flex}.price-row .old-price{color:#647289;font-size:12px;font-weight:400;-webkit-text-decoration:line-through #fb7185;text-decoration:line-through #fb7185}.experience-page-fun{position:relative;overflow:hidden}.experience-wrap{z-index:1;position:relative}.rocket-field{pointer-events:none;z-index:0;opacity:.5;position:absolute;inset:0;overflow:hidden}.rocket{filter:drop-shadow(0 0 6px #8b5cf680);animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;left:0}.rocket-right{animation-name:rocket-fly-right}.rocket-left{animation-name:rocket-fly-left}@keyframes rocket-fly-right{0%{transform:translate(-10vw)rotate(90deg)}to{transform:translate(110vw)rotate(90deg)}}@keyframes rocket-fly-left{0%{transform:translate(110vw)rotate(-90deg)}to{transform:translate(-10vw)rotate(-90deg)}}.journey-layout{grid-template-columns:1fr .85fr;align-items:start;gap:34px;margin:30px 0;display:grid}.journey-steps{flex-direction:column;gap:14px;display:flex}.journey-step{background:#0d1421;border:1px solid #23314a;border-radius:14px;padding:16px 18px}.journey-step .step-num{color:#8b5cf6;margin-bottom:5px;font:11px DM Mono,monospace;display:inline-block}.journey-step h3{margin:0 0 5px;font-size:15px}.journey-step p{color:#a8b6c8;margin:0;font-size:12px;line-height:1.55}.journey-monitor{max-width:none;position:sticky;top:90px}.journey-screen{min-height:340px;font-size:13px}.playground{border-top:1px solid #1c2840;margin-top:48px;padding-top:28px}.playground-head h2{margin:8px 0 6px;font-size:clamp(22px,3vw,32px)}.playground-note{color:#8090a8;margin:0 0 22px;font-size:11px}.games-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px;display:grid}.game-card{background:#0d1421;border:1px solid #23314a;border-radius:14px;flex-direction:column;align-items:center;gap:7px;padding:13px;display:flex}.game-head{color:#aab8ca;justify-content:space-between;width:100%;font-size:11px;display:flex}.game-card canvas{cursor:pointer;background:#0b0f1c;border-radius:8px;width:100%;max-width:280px}.game-hint{color:#647289;font-size:9px}.game-touch{gap:10px;display:flex}.game-touch button{color:#c7bcff;cursor:pointer;background:#111827;border:1px solid #2a3852;border-radius:8px;width:42px;height:34px;font-size:15px}.interactive-desk{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:760px;margin-top:8px;margin-left:auto;margin-right:auto;display:flex}.mini-monitor{background:#0b1321;border:1px solid #3a4b68;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 20px 40px #0006}.mini-monitor .screen-top{color:#8497b1;border-bottom:1px solid #283851;align-items:center;gap:6px;height:36px;padding:0 14px;font:10px DM Mono,monospace;display:flex}.desk-screen{color:#c9d4e3;white-space:pre-wrap;min-height:220px;margin:0;padding:20px 22px;font:16px/1.7 DM Mono,monospace}.mini-keyboard{background:#101826;border:1px solid #2a3852;border-radius:11px;width:100%;max-width:600px;padding:14px}.mini-keyboard div{gap:6px;margin-bottom:6px;display:flex}.mini-keyboard div:last-child{margin-bottom:0}.mini-keyboard i{color:#a5b7cd;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:#1d2a3d;border:1px solid #354963;border-radius:5px;flex:1;padding:11px 4px;font:12px DM Mono,monospace;box-shadow:0 2px #0a0f18}.mini-keyboard i:hover{color:#c7bcff;background:#1c2840}.mini-keyboard i:active{transform:translateY(1px)}@media (width<=900px){.journey-layout{grid-template-columns:1fr}.journey-monitor{position:static}}@media (width<=700px){.games-grid{grid-template-columns:1fr}}.matrix-rain{z-index:0;pointer-events:none;opacity:.4;width:100vw;height:100vh;position:fixed;inset:0}.site-shell{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}