@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@500;600;700&display=swap";
:root{--ink:#101018;--muted:#666478;--paper:#f6f4ef;--line:#1010181f;--violet:#6957ff;--orange:#ff865c;--blue:#45a7d8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.shell{width:min(1180px,100% - 48px);margin-inline:auto}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:84px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-weight:700;display:inline-flex}.brand-mark{color:#fff;letter-spacing:-2px;background:linear-gradient(135deg,#161521 20%,#725cff 100%);border-radius:14px;place-items:center;width:48px;height:48px;font-size:15px;font-weight:800;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 20px #6f56ff40}.brand-mark:after{content:"";background:#ffffff29;border-radius:50%;width:38px;height:38px;position:absolute;top:-18px;right:-15px}.brand-mark span{z-index:1;position:relative}.nav nav{align-items:center;gap:31px;font-size:14px;display:flex}.nav nav>a:not(.nav-cta){color:var(--muted);transition:color .2s}.nav nav>a:hover{color:var(--ink)}.nav-cta{border:1px solid var(--ink);border-radius:100px;padding:11px 17px}.hero{grid-template-columns:1.03fr .97fr;align-items:center;gap:60px;min-height:690px;padding-block:72px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.13em;margin:0 0 22px;font-size:12px;font-weight:600}.status-dot{background:#37b66a;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block;box-shadow:0 0 0 5px #37b66a1f}h1,h2,h3{letter-spacing:-.045em;margin:0;font-family:Manrope,sans-serif}h1{max-width:670px;font-size:clamp(48px,6.2vw,86px);line-height:.98}h1 span{color:var(--violet)}.lead{max-width:590px;color:var(--muted);margin:30px 0 0;font-size:19px;line-height:1.65}.hero-actions{gap:12px;margin-top:36px;display:flex}.button{border-radius:100px;justify-content:center;align-items:center;gap:12px;min-height:52px;padding:0 22px;font-size:14px;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--ink);color:#fff}.button.secondary{border:1px solid var(--line);background:#ffffff80}.hero-meta{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:12px 35px;margin-top:54px;padding-top:20px;font-size:13px;display:flex}.hero-visual{background:radial-gradient(circle at 90% 10%,#6956ff8c,#0000 42%),radial-gradient(circle at 10% 95%,#ef704459,#0000 38%),#10101d;border-radius:42px;justify-content:center;align-items:center;min-height:520px;padding:42px;display:flex;position:relative;overflow:hidden;box-shadow:0 35px 70px #18142d38}.browser-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#141422e0;border:1px solid #ffffff1f;border-radius:24px;width:100%;max-width:590px;position:relative;transform:rotate(-1deg);box-shadow:0 30px 60px #00000059}.browser-bar{border-bottom:1px solid #ffffff1a;align-items:center;gap:20px;padding:15px 18px;display:flex}.browser-dots{gap:7px;display:flex}.browser-dots span{background:#ff6b6b;border-radius:50%;width:9px;height:9px}.browser-dots span:nth-child(2){background:#ffd166}.browser-dots span:nth-child(3){background:#42d392}.browser-address{color:#ffffff8c;background:#ffffff0f;border-radius:10px;flex:1;padding:8px 16px;font-size:12px}.product-card{grid-template-columns:150px 1fr;gap:20px;display:grid}.product-image{background:radial-gradient(circle at 70% 20%,#ffffff47,#0000 30%),linear-gradient(145deg,#765cff,#34267c);border-radius:18px;place-items:center;min-height:190px;display:grid;position:relative;overflow:hidden}.product-badge{color:#fff;background:#0f0f1c73;border-radius:20px;padding:5px 9px;font-size:9px;position:absolute;top:12px;left:12px}.product-illustration{color:#201a47;background:linear-gradient(145deg,#fff,#c8c0ff);border-radius:20px;place-items:center;width:82px;height:105px;font-size:22px;font-weight:900;display:grid;transform:rotate(-8deg);box-shadow:0 20px 35px #00000040}.product-information{flex-direction:column;justify-content:center;display:flex}.product-category{color:#a995ff;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.product-information h3{color:#fff;margin:8px 0;font-size:20px}.product-rating{align-items:center;gap:8px;display:flex}.product-rating span{color:#ffd166;font-size:11px}.product-rating small{color:#ffffff73;font-size:9px}.product-purchase{justify-content:space-between;align-items:center;gap:12px;margin-top:25px;display:flex}.product-purchase strong{color:#fff;font-size:18px}.product-purchase button{color:#fff;cursor:pointer;background:#745cff;border:0;border-radius:11px;padding:11px 14px;font-size:10px;font-weight:700}.product-purchase button:hover{background:#8a76ff}.shop-features{border-top:1px solid #ffffff17;justify-content:space-between;gap:8px;margin-top:20px;padding-top:15px;display:flex}.shop-features span{color:#ffffff80;font-size:8px}@media (max-width:550px){.product-card{grid-template-columns:1fr}.product-image{min-height:140px}}.social-app{color:#fff;background:#ffffff12;border:1px solid #ffffff1a;border-radius:20px;margin:22px;padding:22px}.social-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.social-header strong{font-size:20px}.online-status{color:#70e6a0;background:#46dc821f;border-radius:20px;padding:6px 10px;font-size:11px}.profile-line{align-items:center;gap:12px;display:flex}.profile-avatar{background:linear-gradient(135deg,#795fff,#ae68ff);border-radius:14px;place-items:center;width:42px;height:42px;font-size:13px;font-weight:800;display:grid}.profile-line div:nth-child(2){flex-direction:column;gap:3px;display:flex}.profile-line small{color:#ffffff7a;font-size:10px}.post-menu{color:#ffffff73;margin-left:auto}.post-content p{color:#ffffffd1;margin:20px 0 14px;font-size:14px;line-height:1.6}.project-preview{background:linear-gradient(135deg,#7358ffbf,#1c1a37eb);border-radius:16px;flex-direction:column;justify-content:space-between;min-height:105px;padding:20px;display:flex}.project-preview span{background:#ffffff21;border-radius:20px;width:fit-content;padding:5px 9px;font-size:10px}.project-preview strong{font-size:16px}.post-stats,.post-actions{justify-content:space-between;align-items:center;display:flex}.post-stats{color:#ffffff80;padding:14px 2px 10px;font-size:10px}.post-actions{border-top:1px solid #ffffff17;padding-top:10px}.post-actions button{color:#ffffffa6;cursor:pointer;background:0 0;border:0;font-size:11px}.post-actions button:hover{color:#a995ff}.message-notification{color:#fff;background:#1f1f31f5;border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:11px;width:285px;padding:14px;display:flex;position:absolute;bottom:78px;right:-24px;transform:rotate(2deg);box-shadow:0 22px 45px #00000059}.message-icon{background:#42c77a;border-radius:11px;flex-shrink:0;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.message-notification div:nth-child(2){flex-direction:column;gap:4px;display:flex}.message-notification strong{font-size:11px}.message-notification span{color:#ffffff7a;font-size:8px}.message-time{margin-left:auto}.technology-badges{gap:8px;display:flex;position:absolute;bottom:-18px;left:30px}.technology-badges span{color:#ffffffbf;background:#232237;border:1px solid #ffffff1f;border-radius:20px;padding:8px 12px;font-size:9px}@media (max-width:900px){.hero-visual{min-height:500px;padding:25px}.message-notification{width:250px;bottom:55px;right:10px}.technology-badges{bottom:-16px}}.hero-visual:before{content:"";background:var(--violet);filter:blur(80px);opacity:.65;border-radius:50%;width:360px;height:360px;position:absolute;top:-90px;right:-100px}.hero-visual:after{content:"";background:var(--orange);filter:blur(75px);opacity:.48;border-radius:50%;width:290px;height:290px;position:absolute;bottom:-130px;left:-80px}.orbit{z-index:1;border:1px solid #ffffff29;border-radius:50%;position:absolute;inset:50%;translate:-50% -50%}.orbit-one{width:310px;height:310px}.orbit-two{width:470px;height:470px}.core{z-index:3;text-align:center;color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:36px;place-content:center;width:134px;height:134px;display:grid;position:absolute;top:48%;left:50%;translate:-50% -50%;box-shadow:inset 0 1px #fff3,0 24px 50px #00000052}.core span{letter-spacing:-.08em;font:700 38px Manrope,sans-serif}.core small{color:#ffffff8c;margin-top:4px}.tech-node{z-index:4;text-align:center;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;place-content:center;width:84px;height:84px;display:grid;position:absolute}.tech-node b{font:600 20px Manrope,sans-serif}.tech-node span{color:#ffffff8c;margin-top:3px;font-size:9px}.node-sf{top:19%;left:9%;transform:rotate(-7deg)}.node-ng{top:23%;right:8%;transform:rotate(7deg)}.node-wp{bottom:13%;right:15%;transform:rotate(-4deg)}.code-card{z-index:4;color:#ffffffc2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08080f94;border:1px solid #ffffff1f;border-radius:18px;gap:5px;width:190px;padding:17px 18px;font:11px/1.4 monospace;display:grid;position:absolute;bottom:10%;left:7%;transform:rotate(4deg)}.code-card i{color:#ab9eff;font-style:normal}.code-card em{color:#ffab8f;font-style:normal}.projects{padding-block:120px}.section-head{grid-template-columns:1.2fr .8fr;align-items:end;gap:70px;margin-bottom:64px;display:grid}h2{font-size:clamp(38px,5vw,64px);line-height:1.05}.section-head>p{color:var(--muted);max-width:470px;margin:0;line-height:1.7}.project-list{border-top:1px solid var(--line)}.project{border-bottom:1px solid var(--line);grid-template-columns:.95fr 1.05fr;align-items:center;gap:clamp(40px,8vw,110px);padding-block:70px;display:grid}.project-visual{border-radius:27px;place-items:center;height:330px;display:grid;position:relative;overflow:hidden}.project-visual.violet{background:#dcd7ff}.project-visual.orange{background:#ffd9ca}.project-visual.blue{background:#c9e8f5}.project-number{opacity:.45;font:600 13px Manrope;position:absolute;top:17px;left:21px}.project-window{background:#ffffffc2;border:1px solid #fffc;border-radius:15px;width:74%;height:66%;padding:13px;transform:rotate(-2deg);box-shadow:0 23px 50px #2f2a4b2b}.orange .project-window{transform:rotate(2deg)}.blue .project-window{transform:rotate(-1deg)}.window-bar{gap:4px;padding-bottom:10px;display:flex}.window-bar span{background:#1010182b;border-radius:50%;width:6px;height:6px}.window-content{background:#ffffffa6;border-radius:10px;align-items:center;gap:13px;padding:21px 13px;display:flex}.window-logo{color:#fff;background:var(--ink);border-radius:14px;flex:none;place-items:center;width:52px;height:52px;font:700 12px Manrope;display:grid}.window-lines{flex:1;gap:8px;display:grid}.window-lines span{background:#1010181c;border-radius:10px;height:7px}.window-lines span:nth-child(2){width:84%}.window-lines span:nth-child(3){width:58%}.window-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px;display:grid}.window-grid i{background:#ffffffa3;border-radius:8px;height:45px}.project-type{color:var(--violet);text-transform:uppercase;letter-spacing:.13em;margin:0 0 10px;font-size:11px;font-weight:600}.project-copy h3{font-size:clamp(30px,4vw,46px)}.project-copy>p:not(.project-type){max-width:550px;color:var(--muted);margin:22px 0;line-height:1.75}.tags{flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none;display:flex}.tags li{border:1px solid var(--line);border-radius:100px;padding:8px 12px;font-size:12px}.project-copy>a{border-bottom:1px solid var(--ink);align-items:center;gap:9px;padding-bottom:4px;font-size:14px;font-weight:600;display:inline-flex}.profile{color:#fff;background:#11111b;margin-top:60px;overflow:hidden}.profile-inner{grid-template-columns:1.12fr .88fr;gap:90px;padding-block:110px;display:grid;position:relative}.profile-inner:before{content:"";background:var(--violet);filter:blur(100px);opacity:.32;border-radius:50%;width:420px;height:420px;position:absolute;top:-170px;right:-260px}.profile-copy p:not(.eyebrow){color:#ffffff9e;max-width:620px;font-size:17px;line-height:1.75}.profile-copy h2{max-width:700px;margin-bottom:34px}.profile-side{z-index:1;align-content:center;gap:35px;display:grid;position:relative}.skill-cloud{flex-wrap:wrap;gap:10px;display:flex}.skill-cloud span{color:#ffffffad;border:1px solid #ffffff24;border-radius:100px;padding:12px 16px}.skill-cloud span.featured{color:#fff;background:#6957ff40;border-color:#9a8dff80}.contact-card{background:#ffffff12;border:1px solid #ffffff1c;border-radius:22px;padding:25px}.contact-card p{color:#ffffff94;margin:0 0 15px}.contact-card a{justify-content:space-between;align-items:center;font-weight:600;display:flex}footer{min-height:100px;color:var(--muted);justify-content:space-between;align-items:center;gap:25px;font-size:12px;display:flex}@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:70px}.hero-visual{min-height:480px}.section-head,.profile-inner{grid-template-columns:1fr;gap:40px}.project{grid-template-columns:1fr;gap:38px}.project:nth-child(2n) .project-visual{order:0}.profile-inner{padding-block:80px}}@media (max-width:650px){.shell{width:min(100% - 30px,1180px)}.nav{height:72px}.nav nav>a:not(.nav-cta){display:none}.nav-cta{padding:9px 13px}.hero{gap:42px;min-height:0;padding-block:56px 70px}h1{font-size:clamp(45px,14vw,64px)}.lead{font-size:17px}.hero-actions{flex-direction:column}.button{width:100%}.hero-meta{flex-direction:column;gap:8px;margin-top:37px}.hero-visual{border-radius:27px;min-height:400px}.orbit-one{width:250px;height:250px}.orbit-two{width:365px;height:365px}.core{border-radius:30px;width:112px;height:112px}.tech-node{border-radius:21px;width:70px;height:70px}.node-sf{top:15%;left:6%}.node-ng{top:20%;right:5%}.node-wp{bottom:10%;right:8%}.code-card{width:160px;padding:13px;bottom:7%;left:5%}.projects{padding-block:85px}.section-head{margin-bottom:35px}.project{padding-block:45px}.project-visual{height:265px}.project-window{width:82%}.profile{margin-top:20px}.profile-inner{padding-block:70px}.profile-copy p:not(.eyebrow){font-size:15px}.contact-card a{overflow-wrap:anywhere;align-items:flex-start;gap:12px}footer{flex-direction:column;align-items:flex-start;min-height:0;padding-block:28px}footer span:nth-child(2){display:none}}@media (prefers-reduced-motion:no-preference){.tech-node{animation:5s ease-in-out infinite float}.node-ng{animation-delay:-1.6s}.node-wp{animation-delay:-3.1s}@keyframes float{0%,to{margin-top:0}50%{margin-top:-10px}}}