@import url(https://ssr-www.pages.dev/ajax/libs/font-awesome/5.15.4/css/all.min.css?kwid=1%2560gmip-%2560olvgeobqf-%2560ln);@import url(https://ssr-www.pages.dev/css2?family=JetBrains+Mono%3Awght%40300%3B400%3B500%3B700&display=swap&kwid=1elmwp-dlldofbsjp-%2560ln);:root{--bg:#0a0a0a;--bg-card:rgba(10,10,10,0.85);--green:#00ff41;--green-dim:#00cc33;--cyan:#00d4ff;--text:#c9d1d9;--text-dim:#6e7681;--border:#1a1a2e;--border-hover:#00ff41;--red:#ff5f56;--yellow:#ffbd2e;--green-dot:#27c93f;--font:"JetBrains Mono",monospace;--radius:8px}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;min-height:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:var(--cyan);text-decoration:none;transition:color 0.2s,text-shadow 0.2s}a:hover{color:var(--green);text-shadow:0 0 8px rgba(0,255,65,0.4)}ul,ol{list-style:none}img{max-width:100%;display:block}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}body::after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.08) 2px,rgba(0,0,0,0.08) 4px)}.content-layer{position:relative;z-index:2;pointer-events:none}.content-layer a,.content-layer button,.content-layer input,.content-layer .nav,.content-layer .terminal-window,.content-layer .site-footer{pointer-events:auto}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;background:rgba(10,10,10,0.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transform:translateY(-100%);transition:transform 0.3s ease}.nav.visible{transform:translateY(0)}.nav-logo{font-size:0.9rem;font-weight:700;color:var(--green);letter-spacing:0.05em}.nav-logo .prompt{color:var(--text-dim)}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--text-dim);font-size:0.8rem;text-transform:uppercase;letter-spacing:0.1em;transition:color 0.2s}.nav-links a:hover{color:var(--green);text-shadow:none}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.terminal-window{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(16px);max-width:600px;width:100%;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.5)}.terminal-titlebar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(30,30,30,0.8);border-bottom:1px solid var(--border)}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:var(--red)}.terminal-dot.yellow{background:var(--yellow)}.terminal-dot.green{background:var(--green-dot)}.terminal-title{flex:1;text-align:center;font-size:0.75rem;color:var(--text-dim);letter-spacing:0.05em}.terminal-body{padding:2rem;text-align:center}.avatar{width:130px;height:130px;border-radius:50%;margin:0 auto 1.5rem;overflow:hidden;border:2px solid var(--green);box-shadow:0 0 20px rgba(0,255,65,0.2);transition:box-shadow 0.3s}.avatar:hover{box-shadow:0 0 30px rgba(0,255,65,0.4)}.avatar img{width:100%;height:100%;object-fit:cover}.typed-name{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:0.25rem;min-height:2.4rem}.typed-title{font-size:1rem;color:var(--green);margin-bottom:1.5rem;min-height:1.6rem}.cursor{display:inline-block;width:2px;height:1em;background:var(--green);margin-left:2px;vertical-align:text-bottom;animation:blink 1s step-end infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.social-links{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);color:var(--text-dim);font-size:1.1rem;transition:all 0.3s}.social-link:hover{border-color:var(--green);color:var(--green);box-shadow:0 0 15px rgba(0,255,65,0.25);text-shadow:none}.prompt-divider{color:var(--text-dim);font-size:0.8rem;text-align:left;padding:1rem 0}.prompt-divider .cmd{color:var(--green)}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:0.5rem}.section-header .prompt-line{font-size:0.85rem;color:var(--text-dim)}.section-header .prompt-line .cmd{color:var(--green)}.projects{padding:4rem 2rem 6rem;max-width:1100px;margin:0 auto}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(12px);overflow:hidden;transition:border-color 0.3s,box-shadow 0.3s,transform 0.3s;opacity:0;transform:translateY(20px)}.project-card.visible{opacity:1;transform:translateY(0);transition:border-color 0.3s,box-shadow 0.3s,transform 0.6s ease-out,opacity 0.6s ease-out}.project-card:hover{border-color:var(--green);box-shadow:0 0 20px rgba(0,255,65,0.1);transform:translateY(-3px)}.project-card .terminal-titlebar{padding:10px 14px}.project-card .terminal-dot{width:10px;height:10px}.project-card .terminal-title{font-size:0.7rem}.project-body{padding:1.5rem}.project-name{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:0.5rem}.project-name .arrow{color:var(--green);margin-right:0.5rem}.project-desc{font-size:0.85rem;color:var(--text-dim);line-height:1.6;margin-bottom:1rem}.project-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem}.project-tag{font-size:0.7rem;padding:0.2rem 0.6rem;border-radius:3px;background:rgba(0,255,65,0.08);color:var(--green-dim);border:1px solid rgba(0,255,65,0.15)}.project-link{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.8rem;color:var(--cyan);transition:color 0.2s}.project-link:hover{color:var(--green);text-shadow:none}.site-footer{padding:2rem;text-align:center;border-top:1px solid var(--border);background:rgba(10,10,10,0.9);backdrop-filter:blur(12px);position:relative;z-index:2}.footer-links{display:flex;justify-content:center;gap:1.5rem;font-size:0.8rem}.footer-links a{color:var(--text-dim);transition:color 0.2s}.footer-links a:hover{color:var(--green);text-shadow:none}.footer-sep{color:var(--border)}.bg-toggle{position:fixed;bottom:1.5rem;right:1.5rem;z-index:99;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:0.5rem 0.8rem;color:var(--text-dim);font-family:var(--font);font-size:0.7rem;cursor:pointer;backdrop-filter:blur(12px);transition:border-color 0.2s,color 0.2s;display:flex;align-items:center;gap:0.4rem}.bg-toggle:hover{border-color:var(--green);color:var(--green)}.bg-toggle kbd{display:inline-block;padding:0.1rem 0.35rem;border:1px solid var(--border);border-radius:3px;font-size:0.65rem;font-family:var(--font);color:inherit;background:rgba(255,255,255,0.05)}.dg{display:none!important}body.is-impressum{background:var(--bg)}body.is-impressum .impressum-wrapper{position:relative;z-index:2;max-width:800px;margin:0 auto;padding:2rem;min-height:100vh}body.is-impressum .terminal-window{max-width:100%;margin-top:2rem}body.is-impressum .terminal-body{text-align:left;font-size:0.85rem;line-height:1.8;text-transform:none;letter-spacing:normal}body.is-impressum h1{font-size:1.4rem;font-weight:700;color:var(--green);margin:2rem 0 1rem}body.is-impressum h1:first-child{margin-top:0}body.is-impressum h2{font-size:1.1rem;font-weight:700;color:#fff;margin:1.5rem 0 0.75rem}body.is-impressum h3{font-size:0.95rem;font-weight:500;color:var(--cyan);margin:1.25rem 0 0.5rem}body.is-impressum h4{font-size:0.85rem;font-weight:500;color:var(--text);margin:1rem 0 0.5rem}body.is-impressum p{margin-bottom:0.75rem;color:var(--text)}body.is-impressum ul{margin:0.5rem 0 0.75rem 1.5rem;list-style:disc}body.is-impressum ul li{margin-bottom:0.25rem;color:var(--text);font-size:0.85rem}body.is-impressum a{color:var(--cyan)}body.is-impressum a:hover{color:var(--green)}body.is-impressum .footer-back{text-align:center;padding:2rem 0}body.is-impressum .footer-back a{color:var(--text-dim);font-size:0.8rem}body.is-impressum .footer-back a:hover{color:var(--green)}@media (max-width:768px){.hero{padding:1.5rem 1rem}.terminal-body{padding:1.5rem}.typed-name{font-size:1.4rem}.typed-title{font-size:0.9rem}.projects{padding:3rem 1rem 4rem}.project-grid{grid-template-columns:1fr}.nav-links{gap:1rem}.nav-links a{font-size:0.7rem}body.is-impressum .impressum-wrapper{padding:1rem}}@media (max-width:480px){.typed-name{font-size:1.2rem}.social-links{gap:0.75rem}.social-link{width:40px;height:40px;font-size:1rem}.nav{padding:0.75rem 1rem}.bg-toggle{bottom:1rem;right:1rem}}