@import "https://fonts.googleapis.com/css2?family=Silkscreen&family=VT323&display=swap";
@font-face{font-family:DotriceRegular;src:url(/fonts/DotriceRegular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@keyframes dk-fade-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes dk-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dk-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes dk-dock-rise{0%{opacity:0;transform:translate(-50%)translateY(24px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes dk-line-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.dk-root{color:#fff;min-height:100vh;font-family:var(--font-mono),monospace;background:#000;position:relative;overflow-x:hidden}.dk-bg-img{z-index:0;transform-origin:50%;will-change:transform;width:100%;height:100%;position:fixed;inset:0}.dk-overlay{z-index:1;pointer-events:none;background:radial-gradient(at 50% 42%,#0000000d 0%,#00000026 60%,#0000004d 100%),linear-gradient(#0000001a 0%,#0000 35%,#00000038 100%);position:fixed;inset:0}.dk-overlay:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#00000005 3px 6px);position:absolute;inset:0}.dk-glass{-webkit-backdrop-filter:blur(24px)saturate(150%);background:#06060894;border:1px solid #ffffff17}.dk-content-layer{z-index:2;position:relative}.dk-hero-screen{z-index:2;text-align:center;will-change:transform,opacity,filter;flex-direction:column;justify-content:center;align-items:center;height:100svh;min-height:560px;padding:0 32px 80px;display:flex;position:relative;transform:translateZ(0)}.dk-hero-glow{pointer-events:none;z-index:0;filter:blur(2px);background:radial-gradient(#00000085 0%,#00000047 45%,#0000 75%);border-radius:50%;width:min(800px,90vw);height:min(520px,60vh);position:absolute;top:50%;left:50%;transform:translate(-50%,-54%)}.dk-hero-content{z-index:1;flex-direction:column;align-items:center;gap:0;display:flex;position:relative}.dk-hero-greeting{font-family:"DotriceRegular","Silkscreen","VT323",var(--font-mono),monospace;letter-spacing:.02em;-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 0 25px #fff6);pointer-events:none;-webkit-user-select:none;user-select:none;text-transform:lowercase;background-image:radial-gradient(circle,#fff 42%,#0000 45%),linear-gradient(#fff 0%,#ffffffd9 100%);background-position:50%;background-size:6px 6px,100% 100%;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(56px,9.5vw,150px);font-weight:400;line-height:1.2;animation:.8s cubic-bezier(.16,1,.3,1) 80ms both dk-fade-up}.dk-hero-greeting-dotted{background-image:radial-gradient(circle,#fffffff2 40%,#fff9 80%);-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.dk-cursor{vertical-align:text-bottom;background:#fff;border-radius:1px;width:4px;height:.75em;margin-left:8px;animation:1.1s step-end infinite dk-blink;display:inline-block;box-shadow:0 0 10px #fffc}.dk-hero-role{font-family:var(--font-mono);letter-spacing:.14em;color:#fff;text-shadow:0 1px 6px #000000e6,0 0 24px #fff3;pointer-events:none;text-transform:uppercase;margin-bottom:0;font-size:clamp(13px,1.8vw,17px);font-weight:500;animation:.8s cubic-bezier(.16,1,.3,1) .22s both dk-fade-up}.dk-hero-sub{font-family:var(--font-mono);color:#ffffffbf;letter-spacing:.08em;text-shadow:0 1px 8px #000000e6;pointer-events:none;max-width:520px;font-size:clamp(11px,1.2vw,13.5px);line-height:1.6;animation:.8s cubic-bezier(.16,1,.3,1) .38s both dk-fade-up}.dk-hero-scroll-hint{z-index:1;flex-direction:column;align-items:center;gap:10px;animation:1s 1.2s both dk-fade-in;display:flex;position:absolute;bottom:48px;left:50%;transform:translate(-50%)}.dk-scroll-label{font-family:var(--font-mono);letter-spacing:.3em;color:#ffffffa6;text-transform:uppercase;font-size:10px;font-weight:500}@keyframes dk-scroll-pulse{0%,to{opacity:.22;height:18px}50%{opacity:.44;height:28px}}.dk-scroll-line{background:#ffffff47;width:1px;height:22px;animation:2s ease-in-out infinite dk-scroll-pulse}.dk-dock{z-index:500;white-space:nowrap;border-radius:100px;align-items:center;gap:3px;padding:8px 14px;animation:.65s cubic-bezier(.16,1,.3,1) .5s both dk-dock-rise;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.dk-dock-divider{background:#fff3;flex-shrink:0;width:1px;height:16px;margin:0 7px}.dk-dock-btn{font-family:var(--font-mono);letter-spacing:.12em;color:#ffffffd9;cursor:pointer;background:0 0;border:none;border-radius:100px;padding:5px 14px;font-size:11px;font-weight:500;text-decoration:none;transition:all .18s}.dk-dock-btn:hover{color:#fff;background:#ffffff1f}.dk-dock-icon{color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:all .18s;display:flex}.dk-dock-icon:hover{color:#fff;background:#ffffff24}.dk-dock-icon.theme-icon:hover{color:#fff;background:#ffffff1a}.dk-sections-wrap{z-index:2;background:linear-gradient(#0000 0,#000000a6 48px,#000000d1 200px,#000000eb 600px);padding-bottom:120px;position:relative}.dk-sections-inner{max-width:1100px;margin:0 auto;padding:80px 48px 0}@media (max-width:900px){.dk-sections-inner{padding:60px 28px 0}}@media (max-width:540px){.dk-sections-inner{padding:48px 16px 0}.dk-dock{gap:1px;padding:7px 10px}}.dk-card{-webkit-backdrop-filter:blur(20px);background:#0c0c0cbf;border:1px solid #ffffff14;border-radius:40px;margin-bottom:40px;padding:64px;transition:border-color .3s,box-shadow .3s;box-shadow:0 24px 64px #0009}.dk-card:hover{border-color:#ffffff24;box-shadow:0 24px 64px #0009,0 0 0 1px #ffffff0f,inset 0 1px #ffffff12}@media (max-width:900px){.dk-card{border-radius:32px;padding:48px 32px}}@media (max-width:540px){.dk-card{border-radius:24px;margin-bottom:24px;padding:32px 20px}}.dk-about-block{flex-direction:column;gap:20px;display:flex}.dk-about-text{font-family:var(--font-sans);color:#fff;letter-spacing:-.02em;margin:0;font-size:clamp(22px,3.6vw,38px);font-weight:500;line-height:1.3}.dk-about-dim{color:#ffffffd1;letter-spacing:-.01em;font-size:clamp(16px,2.4vw,24px);font-weight:400;line-height:1.45}.dk-about-outside{border-top:1px solid #ffffff1f;flex-direction:column;gap:12px;margin-top:4px;padding-top:8px;display:flex}.dk-about-outside-label{font-family:var(--font-mono);letter-spacing:.26em;color:#ffffffa6;text-transform:uppercase;font-size:10.5px;font-weight:500}.dk-about-pills{flex-wrap:wrap;gap:8px;display:flex}.dk-about-pill{font-family:var(--font-mono);letter-spacing:.05em;color:#ffffffe0;background:#ffffff0d;border:1px solid #ffffff29;border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.dk-about-pill:hover{color:#fff;background:#ffffff1a;border-color:#fff6}.dk-about-pill-meta{color:#ffffff8c;letter-spacing:.04em;font-size:10px}.dk-github-section{margin:0 auto 40px}.dk-github-title{font-family:var(--font-sans);color:#fff;letter-spacing:-.02em;text-align:left;margin:0 0 24px;font-size:clamp(18px,3vw,26px);font-weight:500;line-height:1.3}.dk-github-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow:auto hidden}.dk-work-header{justify-content:space-between;align-items:baseline;margin-bottom:0;padding-bottom:28px;display:flex;position:relative}.dk-work-title{font-family:"Silkscreen",var(--font-mono),monospace;letter-spacing:.22em;text-transform:uppercase;color:#fff;text-shadow:0 0 12px #fff3;font-size:clamp(14px,2vw,18px);font-weight:600}.dk-work-count{font-family:var(--font-mono);letter-spacing:.1em;color:#ffffffbf;font-size:11px}.dk-proj-row{cursor:pointer;padding:40px 0;position:relative;overflow:hidden}.dk-proj-row-border{transform-origin:0;background:#ffffff24;height:1px;position:absolute;top:0;left:0;right:0}.dk-proj-inner{align-items:flex-start;gap:32px;display:flex}.dk-proj-left{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:6px;width:48px;padding-top:6px;display:flex}.dk-proj-num{font-family:var(--font-mono);letter-spacing:.18em;color:#ffffffb3;font-size:11px;font-weight:600}.dk-proj-center{flex:1;min-width:0}.dk-proj-title-wrap{margin-bottom:10px;overflow:hidden}.dk-proj-title{font-family:var(--font-sans);color:#fff;letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(28px,4.5vw,54px);font-weight:700;line-height:1.1;display:block}.dk-proj-row:hover .dk-proj-title{color:#fff;text-shadow:0 0 20px #fff6}.dk-proj-row:hover .dk-proj-row-border{background:#ffffff4d}.dk-proj-desc{font-family:var(--font-sans);color:#ffffffe0;max-width:520px;margin-bottom:14px;font-size:14px;line-height:1.6}.dk-proj-tags{flex-wrap:wrap;gap:6px;display:flex}.dk-proj-tag{font-family:var(--font-mono);letter-spacing:.08em;color:#fffc;background:#ffffff0a;border:1px solid #ffffff29;border-radius:3px;padding:4px 10px;font-size:10px;transition:all .2s}.dk-proj-tag:hover{color:#fff;background:#ffffff14;border-color:#fff6}.dk-proj-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:10px;padding-top:6px;display:flex}.dk-proj-link{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#ffffffb3;align-items:center;gap:5px;font-size:10.5px;text-decoration:none;transition:color .18s;display:flex}.dk-proj-link:hover{color:#fff;text-shadow:0 0 8px #fff6}.dk-proj-link-live{color:#10b981;font-weight:500}.dk-proj-link-live:hover{color:#34d399}.dk-proj-live-dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #10b98199}.dk-proj-wip{font-family:var(--font-mono);letter-spacing:.12em;color:#f59e0b;text-transform:uppercase;background:#f59e0b14;border:1px dashed #f59e0b66;border-radius:2px;padding:2px 8px;font-size:9px}.dk-proj-row-last-border{background:#ffffff1f;height:1px}.dk-proj-preview{pointer-events:none;z-index:300;opacity:0;will-change:transform,opacity;border:1px solid #ffffff2e;border-radius:6px;width:280px;height:175px;transition:opacity .22s,transform .22s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;overflow:hidden;transform:scale(.9);box-shadow:0 24px 48px #000c}.dk-proj-preview.visible{opacity:1;transform:scale(1)}.dk-proj-preview img,.dk-proj-preview video{object-fit:cover;width:100%;height:100%}.dk-view-all{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffffa6;align-items:center;gap:8px;margin-top:40px;font-size:11px;text-decoration:none;transition:color .18s;display:inline-flex}.dk-view-all:hover{color:#10b981}.dk-footer{z-index:2;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:32px 48px 40px;display:flex;position:relative}.dk-footer-copy{font-family:var(--font-mono);color:#ffffffa6;letter-spacing:.1em;font-size:11px}.dk-footer-year{color:#ffffff1f;font-family:var(--font-mono);letter-spacing:.14em;font-size:10px}@media (max-width:900px){.dk-footer{padding:28px}}@media (max-width:540px){.dk-proj-inner{flex-direction:column;gap:14px}.dk-proj-right{flex-direction:row;align-items:center}.dk-proj-left{flex-direction:row;align-items:center;width:auto}.dk-proj-title{font-size:clamp(26px,8vw,38px)}.dk-footer{flex-direction:column;align-items:flex-start;padding:24px 16px}}@keyframes dk-modal-in{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.dk-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(12px);background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s forwards dk-fade-in;display:flex;position:fixed;inset:0}.dk-modal-content{background:#0e0e10eb;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:640px;max-height:88vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards dk-modal-in;position:relative;overflow-y:auto;box-shadow:0 40px 80px #000c,inset 0 1px #ffffff14}.dk-modal-close{color:#ffffff80;cursor:pointer;z-index:10;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;line-height:1;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.dk-modal-close:hover{color:#fff;background:#ffffff1f;border-color:#ffffff38}.dk-modal-media{aspect-ratio:16/9;background:#00000080;border-bottom:1px solid #ffffff14;border-radius:20px 20px 0 0;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.dk-modal-media img,.dk-modal-media video,.dk-modal-media iframe{object-fit:cover;width:100%;height:100%}.dk-modal-body{padding:32px}.dk-modal-title{font-family:var(--font-sans);color:#fff;letter-spacing:-.02em;font-size:22px;font-weight:700}.dk-modal-desc{font-family:var(--font-sans);color:#ffffffe0;margin:12px 0 20px;font-size:14px;line-height:1.65}.dk-modal-bullets{margin-bottom:24px;padding-left:16px}.dk-modal-bullets li{color:#fffc;margin-bottom:6px;padding-left:12px;font-size:13px;line-height:1.65;list-style:none;position:relative}.dk-modal-bullets li:before{content:"—";color:#ffffff80;position:absolute;left:-6px}.dk-modal-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.dk-modal-tags{flex-wrap:wrap;gap:6px;display:flex}.dk-modal-tag{font-family:var(--font-mono);letter-spacing:.07em;color:#fffc;background:#ffffff0d;border:1px solid #ffffff29;border-radius:3px;padding:4px 10px;font-size:10.5px}.dk-modal-links{gap:16px;display:flex}.dk-dock-btn-active{position:relative;color:#fff!important}.dk-dock-btn-active:after{content:"";background:#ffd296e6;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}