:root{--c-aqua: #87EBD5;--c-sky: #87CFEB;--c-peri: #879DEB;--bg-deep: #030305;--text-main: #ffffff;--text-dim: #8892b0;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:var(--text-main);background-color:var(--bg-deep);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% 0%,#1a1a2e 0%,var(--bg-deep) 70%)}a{text-decoration:none;color:inherit;transition:all .3s ease}ul{list-style:none}button{background:none;border:none;cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--c-sky)}.snowflakes{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.snowflake{color:#fff;font-size:1em;font-family:Arial,sans-serif;text-shadow:0 0 5px #000;position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;user-select:none;cursor:default;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running;opacity:.3}.snowflake:nth-of-type(0){left:1%;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;animation-delay:3s,1.5s}@keyframes snowflakes-fall{0%{top:-10%}to{top:100%}}@keyframes snowflakes-shake{0%,to{transform:translate(0)}50%{transform:translate(80px)}}.app-container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.header{display:flex;justify-content:center;align-items:center;padding:1.5rem 0;position:fixed;top:0;left:0;right:0;z-index:100;background:#030305d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}.header-content{max-width:1200px;width:100%;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--c-aqua),var(--c-sky));-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;font-family:Fira Code,monospace}.nav-menu{display:flex;gap:2rem}.nav-link{color:var(--text-dim);font-size:.9rem;font-family:Fira Code,monospace;transition:color .3s ease;position:relative}.nav-link:hover{color:var(--c-aqua)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:1px;background:var(--c-aqua);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.nav-link:hover:after{transform:scaleX(1);transform-origin:left}.hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding-top:6rem;position:relative}.hero-content{z-index:2;max-width:600px}.hero-title{font-size:6rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;animation:slideUp .6s ease forwards .2s;letter-spacing:-.04em;filter:drop-shadow(0 0 30px rgba(165,180,252,.2))}.hero-subtitle{font-size:1.5rem;color:var(--text-dim);margin-bottom:2.5rem;line-height:1.6;opacity:0;animation:slideUp .6s ease forwards .4s;max-width:540px}.hero-image-wrapper{position:relative;width:500px;height:600px;z-index:1;opacity:0;animation:fadeIn 1s ease forwards .6s;display:flex;justify-content:center;align-items:flex-end}.hero-image{width:100%;height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 0 20px rgba(135,235,213,.1));transition:transform .3s ease,filter .3s ease}.hero-image:hover{transform:scale(1.02);filter:drop-shadow(0 0 30px rgba(135,235,213,.3))}.section{padding:6rem 0;overflow:hidden}.section-header{margin-bottom:3rem;display:flex;align-items:center;gap:1rem}.section-number{font-family:Fira Code,monospace;color:var(--c-aqua);font-size:1.25rem}.section-title{font-size:2rem;color:var(--text-main);font-weight:700}.section-line{height:1px;background:#ffffff1a;flex-grow:1;max-width:300px}.marquee-container{width:100vw;margin-left:calc(-50vw + 50%);overflow:hidden;position:relative;padding:2rem 0;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.marquee-content{display:flex;gap:2rem;width:max-content;animation:scroll 40s linear infinite}.marquee-content:hover{animation-play-state:paused}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.project-card-mini{background:linear-gradient(180deg,#1e293b66,#0f172a99);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;width:380px;flex-shrink:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.project-card-mini:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--c-aqua),var(--c-sky),var(--c-peri));opacity:0;transition:opacity .3s ease}.project-card-mini:hover{transform:translateY(-8px);border-color:#87ebd54d;box-shadow:0 20px 40px -10px #00000080;background:linear-gradient(180deg,#1e293b99,#0f172acc)}.project-card-mini:hover:before{opacity:1}.project-mini-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.project-mini-title{font-size:1.25rem;font-weight:700;color:var(--text-main);margin-bottom:.5rem}.project-mini-desc{font-size:.95rem;color:var(--text-dim);margin-bottom:1.5rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-mini-tech{display:flex;gap:.75rem;font-family:Fira Code,monospace;font-size:.75rem;color:var(--c-aqua);flex-wrap:wrap}.project-mini-tech span{background:#87ebd51a;padding:.25rem .5rem;border-radius:4px}.contact-section{padding:8rem 0}.contact-wrapper{display:flex;justify-content:space-between;align-items:center;gap:4rem}.contact-content{max-width:600px}.contact-visual{flex:1;display:flex;justify-content:center;align-items:center}.christmas-tree-svg{width:100%;max-width:400px;height:auto;filter:drop-shadow(0 0 20px rgba(135,235,213,.2));animation:treeFloat 6s ease-in-out infinite}@keyframes treeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:768px){.contact-wrapper{flex-direction:column}.contact-visual{margin-top:3rem}}.contact-title{font-size:3.5rem;margin-bottom:1.5rem;font-weight:800}.contact-text{color:var(--text-dim);font-size:1.2rem;margin-bottom:3rem;max-width:500px}.contact-btn{display:inline-block;padding:1.25rem 2.5rem;border:1px solid var(--c-aqua);color:var(--c-aqua);border-radius:4px;font-family:Fira Code,monospace;font-size:1rem;transition:all .3s;background:transparent}.contact-btn:hover{background:#87ebd51a;transform:translateY(-3px);box-shadow:0 10px 20px -10px #87ebd54d}.gpg-section{margin-top:2rem;padding:0;background:#0a192f4d;border-radius:8px;border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;transition:all .3s ease}.gpg-section:hover{background:#0a192f99;border-color:#87ebd533}.gpg-section:before{content:"public_key.asc";display:block;padding:.75rem 1.5rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.03);font-family:Fira Code,monospace;font-size:.8rem;color:var(--text-dim);letter-spacing:.05em}.gpg-key-block{padding:1.5rem;font-family:Fira Code,monospace;font-size:.75rem;color:var(--text-dim);overflow-x:auto;white-space:pre;opacity:.8;line-height:1.6;transition:color .3s ease}.gpg-section:hover .gpg-key-block{color:var(--c-aqua);opacity:1}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.hero{flex-direction:column-reverse;justify-content:center;text-align:center;gap:2rem}.hero-content{align-items:center}.hero-title{font-size:3.5rem}.hero-image-wrapper{width:300px;height:400px}.nav-menu{display:none}.contact-title{font-size:2.5rem}}.code-base{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);width:110%;background:#0f172af2;border:1px solid rgba(135,235,213,.2);border-radius:12px;padding:1.5rem;z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -20px 50px #0009,0 0 20px #87ebd51a;font-family:Fira Code,monospace;font-size:.85rem;line-height:1.6;overflow:hidden}.code-base:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--c-aqua),var(--c-sky),var(--c-peri))}.code-line{display:block;white-space:nowrap}.k{color:#c678dd}.v{color:#e06c75}.c{color:#e5c07b}.f{color:#61afef}.s{color:#98c379}.comment{color:#5c6370;font-style:italic;margin-top:.5rem}.hero-image-wrapper{overflow:visible;padding-bottom:20px}.hero-image{position:relative;z-index:1;mask-image:linear-gradient(to bottom,black 70%,transparent 98%);-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 98%);transform-origin:bottom center}.marquee-content{gap:0}.project-card-mini{width:320px;padding:1rem 1.5rem;border-radius:0;border-left:none;border-right:1px solid rgba(255,255,255,.05);background:#0f172a66}.project-card-mini:first-child{border-left:1px solid rgba(255,255,255,.05)}.project-card-mini:hover{transform:translateY(-4px);z-index:10;background:#1e293bcc;box-shadow:0 10px 30px -10px #00000080;border-color:#87ebd54d}.project-mini-desc{display:none}.project-mini-desc{display:-webkit-box;-webkit-line-clamp:2;font-size:.8rem;margin-bottom:.75rem}.project-mini-header{margin-bottom:.5rem}.project-mini-title{font-size:1rem}.footer{padding:2rem 0;text-align:center;color:var(--text-dim);font-family:Fira Code,monospace;font-size:.8rem;margin-top:4rem;opacity:.6;transition:opacity .3s ease}.footer:hover{opacity:1}.status-badge{font-size:.6rem;background:#87ebd51a;color:var(--c-aqua);padding:2px 6px;border-radius:4px;margin-left:.75rem;vertical-align:middle;border:1px solid rgba(135,235,213,.2);font-weight:400}.nav-placeholder{display:flex;align-items:center;gap:.5rem;font-family:Fira Code,monospace;font-size:.9rem;color:var(--text-dim);opacity:.5;cursor:not-allowed;transition:opacity .3s ease}.nav-placeholder:hover{opacity:.8}.nav-text{text-decoration:line-through;text-decoration-color:#fff3}.nav-status{font-size:.6rem;background:#ffffff1a;padding:2px 4px;border-radius:2px;text-transform:uppercase;letter-spacing:.05em}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.tech-category{background:#11224066;padding:1.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.05);transition:transform .3s ease}.tech-category:hover{transform:translateY(-5px);border-color:#87ebd54d}.tech-category h3{color:var(--c-aqua);font-family:Fira Code,monospace;font-size:1.1rem;margin-bottom:1rem;display:flex;align-items:center}.tech-category h3:before{content:">";margin-right:.5rem;color:var(--c-sky)}.tech-items{display:flex;flex-wrap:wrap;gap:.75rem}.tech-items span{font-family:Fira Code,monospace;font-size:.85rem;color:var(--text-dim);background:#87ebd50d;padding:.25rem .75rem;border-radius:4px;transition:all .2s ease}.tech-items span:hover{color:var(--c-aqua);background:#87ebd51a}