@font-face{font-family:Martian Mono;font-style:normal;font-weight:200;font-display:swap;font-stretch:100%;size-adjust:100%;src:url(/assets/martianmono-BqyONov-.woff2) format("woff2");unicode-range:U+0-FF,U+131,U+152,U+153,U+2BB,U+2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary: #00D9FF;--primary-dim: rgba(0, 217, 255, .7);--primary-light: #33E0FF;--primary-glow: rgba(0, 217, 255, .4);--secondary: #6B46C1;--secondary-light: #8B5CF6;--secondary-dark: #553C9A;--accent: #4F46E5;--accent-gradient: linear-gradient(135deg, var(--primary), var(--secondary-light));--accent-gradient-hover: linear-gradient(135deg, var(--primary-light), var(--secondary));--text: #F1F5F9;--text-muted: rgba(241, 245, 249, .7);--text-dim: rgba(241, 245, 249, .5);--text-high-contrast: #FFFFFF;--border: rgba(100, 116, 139, .2);--border-hover: rgba(148, 163, 184, .35);--border-focus: var(--primary-dim);--bg: #0F172A;--bg-elevated: #1E293B;--section-bg: rgba(30, 41, 59, .6);--glass-bg: rgba(30, 41, 59, .75);--glass-hover: rgba(51, 65, 85, .8);--blur: blur(24px);--blur-subtle: blur(12px);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .35s cubic-bezier(.34, 1.56, .64, 1);--transition-slow: .4s cubic-bezier(.16, 1, .3, 1);--space-xs: .5rem;--space-sm: .875rem;--space-md: 1.25rem;--space-lg: 1.75rem;--space-xl: 2.5rem;--space-2xl: 3.5rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .2), 0 4px 8px rgba(0, 0, 0, .15);--shadow-glow: 0 0 20px var(--primary-glow);--shadow-glow-hover: 0 0 30px var(--primary-glow), 0 0 15px var(--primary-glow);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:var(--primary-dim) var(--bg);-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}body{min-height:100vh;min-width:320px;background:var(--bg);font-family:Martian Mono,monospace;color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}::selection{background:#00d9ff4d;color:var(--text-high-contrast)}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(107,70,193,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(0,217,255,.12) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(79,70,229,.08) 0%,transparent 60%);z-index:-1;will-change:transform}@media(prefers-reduced-motion:no-preference){body:before{animation:backgroundShift 20s ease-in-out infinite alternate}@keyframes backgroundShift{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-2%) scale(1.02);opacity:.9}to{transform:translateY(0) scale(1);opacity:1}}}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.15'/%3E%3C/svg%3E");opacity:.15;z-index:-1;pointer-events:none}#main{max-width:44rem;margin:var(--space-lg) auto;padding:var(--space-2xl);border-radius:1.25rem;border:1px solid var(--border);background:var(--glass-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow-lg),inset 0 1px #ffffff08;position:relative}#main:before{content:"";position:absolute;inset:0;border-radius:1.25rem;padding:1px;background:linear-gradient(135deg,#64748b4d,#64748b1a);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5}.profile-section,.work-info{background:var(--section-bg);border:1px solid var(--border);border-radius:1rem;text-align:center;transition:background-color var(--transition-normal),border-color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal);contain:content;backdrop-filter:var(--blur-subtle);-webkit-backdrop-filter:var(--blur-subtle);box-shadow:var(--shadow-sm),inset 0 1px #ffffff05;position:relative}.profile-section{padding:var(--space-2xl);margin-bottom:var(--space-xl)}.work-info{padding:var(--space-xl);color:var(--text-muted);font-weight:300;letter-spacing:.03em;font-size:.95rem}.profile-image{position:relative;will-change:transform;transition:transform var(--transition-smooth)}.profile-image img{width:8rem;height:8rem;border:3px solid transparent;background:linear-gradient(var(--bg-elevated),var(--bg-elevated)) padding-box,var(--accent-gradient) border-box;padding:.25rem;object-fit:cover;border-radius:.875rem;outline:none;box-shadow:var(--shadow-md);transition:box-shadow var(--transition-normal)}.profile-image:hover{transform:translateY(-8px) scale(1.03)}.profile-image:hover img{box-shadow:var(--shadow-lg),var(--shadow-glow)}.profile-image:focus-within{transform:translateY(-4px) scale(1.02)}.speech-bubble{position:absolute;background:var(--bg-elevated);border:1px solid var(--border-hover);padding:.5rem 1rem;border-radius:.75rem;top:-2rem;left:50%;transform:translate(-50%) scale(0);transition:all var(--transition-smooth);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);color:var(--text);font-size:.875rem;white-space:nowrap;opacity:0;box-shadow:var(--shadow-md);z-index:10}.speech-bubble:after{content:"";position:absolute;bottom:-.375rem;left:50%;transform:translate(-50%) rotate(45deg);width:.75rem;height:.75rem;background:var(--bg-elevated);border-right:1px solid var(--border-hover);border-bottom:1px solid var(--border-hover)}.profile-image:hover .speech-bubble,.profile-image:focus-within .speech-bubble{transform:translate(-50%) scale(1) translateY(-2px);opacity:1}.profile-title{text-transform:uppercase;font-size:.875rem;font-weight:400;letter-spacing:.25em;background-image:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:var(--space-lg) 0 var(--space-md) 0;display:inline-block;position:relative}.profile-name{font-weight:500;letter-spacing:.02em;margin-bottom:var(--space-xl);position:relative;color:var(--text-high-contrast);text-shadow:0 2px 8px rgba(0,217,255,.15);text-wrap:balance;font-size:clamp(2rem,5vw,2.75rem);line-height:1.2}.profile-username{color:var(--text-muted);font-weight:300;font-size:.9375rem;margin-bottom:var(--space-xl);display:inline-block;padding:.35rem .75rem;border-radius:.625rem;border:1px solid var(--border);background:linear-gradient(var(--bg),var(--bg)) padding-box,radial-gradient(120% 120% at 100% 0,rgba(32,255,222,.18),transparent 60%) border-box;transition:all var(--transition-normal)}.profile-username:hover{border-color:var(--border-hover)}.contact-buttons{margin-bottom:var(--space-xl)}.button,.social-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;text-decoration:none;font:inherit;outline:none;touch-action:manipulation}.button{width:11rem;height:3.25rem;border:2px solid var(--primary-dim);border-radius:.75rem;background:transparent;color:var(--primary-light);overflow:hidden;box-shadow:var(--shadow-sm);z-index:1;font-weight:500;letter-spacing:.05em;font-size:.9375rem;will-change:transform,box-shadow;transition:transform var(--transition-smooth),box-shadow var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal)}.button:before{content:"";position:absolute;inset:0;background:var(--accent-gradient-hover);border-radius:.625rem;opacity:0;transition:opacity var(--transition-normal);z-index:-1}.button:hover{color:var(--text-high-contrast);transform:translateY(-3px);box-shadow:var(--shadow-glow-hover),var(--shadow-md);border-color:var(--primary-light)}.button:hover:before{opacity:1}.button:focus-visible{outline:2px solid var(--primary-light);outline-offset:4px}.button:active{transform:translateY(-1px) scale(.98);transition:transform .1s}.button svg{height:1.375rem;width:1.375rem;fill:currentColor;margin-right:.75rem;transition:transform var(--transition-normal)}.button:hover svg{transform:scale(1.1)}.divider{border:0;height:1px;background-image:linear-gradient(to right,transparent,rgba(100,116,139,.4) 20%,rgba(100,116,139,.4) 80%,transparent);margin:var(--space-xl) 0;position:relative}.divider:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:var(--primary-dim);border-radius:50%;box-shadow:0 0 12px var(--primary-glow)}.social-icons{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap;overflow:visible;margin:0 auto;padding:0 var(--space-md)}.social-button{width:3rem;height:3rem;border-radius:.75rem;background:#1e293b66;padding:0;border:1px solid var(--border);color:var(--text-muted);will-change:transform;transition:transform var(--transition-smooth),background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);position:relative}.social-button:before{content:"";position:absolute;inset:0;border-radius:.75rem;background:var(--accent-gradient);opacity:0;transition:opacity var(--transition-normal);z-index:-1}.social-button:hover{transform:translateY(-4px) scale(1.05);background:#33415599;border-color:var(--border-hover);box-shadow:var(--shadow-glow),var(--shadow-md)}.social-button:hover:before{opacity:.1}.social-button:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px}.social-button:active{transform:translateY(-2px) scale(1);transition:transform .1s}.social-button svg{width:1.5rem;height:1.5rem;fill:var(--text);display:block;transition:fill var(--transition-normal),transform var(--transition-smooth);will-change:transform}.social-button:hover svg{transform:scale(1.1) rotate(5deg);fill:var(--primary-light)}.social-button .label{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%,8px) scale(.95);background:var(--bg-elevated);border:1px solid var(--border-hover);border-radius:.5rem;color:var(--text);font-size:.75rem;line-height:1.2;padding:.5rem .75rem;white-space:nowrap;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:all var(--transition-smooth);z-index:100;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.social-button .label:after{content:"";position:absolute;top:100%;left:50%;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--bg-elevated);transform:translate(-50%);filter:drop-shadow(0 2px 1px rgba(0,0,0,.1))}.social-button:hover .label,.social-button:focus-visible .label{opacity:1;transform:translate(-50%) scale(1)}.work-info{position:relative;overflow:hidden}.work-info:before{content:"";position:absolute;inset:0;background:var(--accent-gradient);opacity:0;transition:opacity var(--transition-slow);pointer-events:none}.work-info:hover:before{opacity:.03}.work-info mark{background:transparent;color:var(--text);font-weight:500;transition:all var(--transition-normal);position:relative;display:inline-block}.work-info:hover mark{color:var(--primary-light);text-shadow:0 0 12px var(--primary-glow)}dialog.clipboard{display:none;position:fixed;inset:0}dialog.clipboard[open]{display:flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;max-height:100vh;max-width:100vw;width:100%;height:100%;z-index:1000}dialog.clipboard::backdrop{background:#0f172ae6;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);opacity:0;transition:opacity var(--transition-normal)}dialog.clipboard.active::backdrop{opacity:1}dialog.clipboard .wrapper{background:var(--bg-elevated);border:1px solid var(--border-hover);border-radius:1rem;box-shadow:var(--shadow-lg),var(--shadow-glow);cursor:pointer;font:inherit;font-size:1.0625rem;max-width:min(32rem,calc(100% - 2rem));min-width:min(22rem,90vw);opacity:0;padding:var(--space-xl);text-align:center;transform:translateY(2rem) scale(.95);transition:opacity var(--transition-smooth),transform var(--transition-smooth),box-shadow var(--transition-normal),border-color var(--transition-normal);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);will-change:transform,opacity}dialog.clipboard.active .wrapper{opacity:1;transform:translateY(0) scale(1)}dialog.clipboard .wrapper:after{color:var(--text-dim);content:"Click to copy";display:block;font-size:.8125rem;margin-top:var(--space-md);font-weight:300;letter-spacing:.05em;transition:color var(--transition-fast)}dialog.clipboard .wrapper.copied:after{content:"Copied successfully!";color:var(--primary-light)}dialog.clipboard .wrapper .content{background:var(--bg);border:1px solid var(--border);border-radius:.75rem;color:var(--text);font:inherit;overflow:hidden;padding:var(--space-md);position:relative;-webkit-user-select:all;user-select:all;word-break:break-all;white-space:normal;width:100%;line-height:1.5;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}dialog.clipboard .wrapper.copied .content{background:var(--accent-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;border-color:var(--primary-dim);box-shadow:var(--shadow-glow)}dialog.clipboard .close{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(241, 245, 249, 0.7)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") center/1.5rem no-repeat;border:0;cursor:pointer;height:3rem;width:3rem;opacity:0;position:absolute;right:.75rem;top:.75rem;transition:opacity var(--transition-fast),transform var(--transition-smooth),background-color var(--transition-fast);background-color:transparent;border-radius:.75rem;will-change:transform,opacity}dialog.clipboard.active .close{opacity:.6}dialog.clipboard.active .close:hover{opacity:1;transform:scale(1.1) rotate(90deg);background-color:#f1f5f90d}@media(prefers-reduced-motion:no-preference){.profile-image img{animation:floatGentle 8s ease-in-out infinite}@keyframes floatGentle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(1deg)}}}@media(prefers-contrast:more){:root{--border: rgba(148, 163, 184, .5);--text: #FFFFFF}.button,.social-button{border-width:2px}}@media(max-width:768px){:root{--space-xl: 2rem;--space-2xl: 2.25rem}#main{margin:var(--space-md);padding:var(--space-xl);border-radius:1.5rem}.profile-section{padding:var(--space-xl)}.work-info{padding:var(--space-lg)}.social-icons{gap:var(--space-sm)}.social-button{width:2.875rem;height:2.875rem}}@media(max-width:480px){:root{--space-xl: 1.5rem;--space-2xl: 2rem}#main{margin:var(--space-sm);padding:var(--space-lg);border-radius:1.25rem}.profile-section{padding:var(--space-lg)}.work-info{padding:var(--space-md);font-size:.875rem}.profile-image img{width:7rem;height:7rem}.profile-title{font-size:.8125rem;letter-spacing:.2em}.profile-name{font-size:1.875rem;margin-bottom:var(--space-lg)}.button{width:100%;max-width:18rem;height:3.25rem}.divider{margin:var(--space-lg) 0}.social-icons{gap:var(--space-sm)}.social-button{width:2.75rem;height:2.75rem}.speech-bubble{display:none}dialog.clipboard .wrapper{padding:var(--space-md)}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.profile-image img{animation:none!important}body:before{animation:none!important}}.d-n-d{display:none}mark{background:transparent;color:var(--text);transition:color var(--transition-normal)}