@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Fira+Code:wght@400&family=Playfair+Display:wght@400;700&display=swap";:root{--bg-color: #030712;--surface-color: #111827;--surface-hover: #1F2937;--primary: #A855F7;--primary-glow: rgba(168, 85, 247, .4);--primary-dark: #7E22CE;--accent: #22D3EE;--accent-glow: rgba(34, 211, 238, .3);--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Fira Code", monospace;--font-serif: "Playfair Display", serif;--border-color: #374151}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden;min-height:100vh;line-height:1.6}::selection{background:var(--primary);color:#000}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--surface-color);border-radius:5px;border:2px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:var(--surface-hover)}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.025em}a{text-decoration:none;color:inherit;transition:color .2s}.navbar{position:fixed;top:0;left:0;width:100%;padding:1.5rem 4rem;display:flex;justify-content:space-between;align-items:center;background:#0b1120d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;transition:all .3s}.nav-brand{font-family:var(--font-sans);font-size:1.25rem;font-weight:700;color:var(--text-primary);text-decoration:none;letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}.brand-accent{color:var(--primary)}.nav-links{display:flex;gap:2.5rem;list-style:none}.nav-link{color:var(--text-secondary);text-decoration:none;font-family:var(--font-mono);font-size:.9rem;transition:all .2s;position:relative}.nav-link:hover{color:var(--primary)}.nav-link:after{content:"";position:absolute;width:0;height:1px;bottom:-4px;left:0;background-color:var(--primary);transition:width .3s}.nav-link:hover:after{width:100%}@media(max-width:768px){.navbar{padding:1rem 2rem}.nav-links{display:none}}.hero-section{display:flex;align-items:center;justify-content:space-between;min-height:90vh;padding:6rem 4rem;max-width:1400px;margin:0 auto;gap:4rem;position:relative;overflow:hidden}.hero-section:before{display:none}.hero-content{flex:1;text-align:left;max-width:650px;z-index:2}.hero-visual{flex:1;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.hero-label{font-family:var(--font-mono);color:var(--primary);font-size:.9rem;letter-spacing:.1em;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;background:#a855f71a;width:fit-content;padding:.5rem 1rem;border-radius:4px;border:1px solid rgba(168,85,247,.2)}.terminal-prompt{color:var(--accent);font-weight:700}@keyframes blink{50%{opacity:0}}.hero-title{font-size:3.5rem;line-height:1.1;margin-bottom:2rem;color:var(--text-primary);font-weight:800;letter-spacing:-.03em}.hero-title .highlight{background:linear-gradient(90deg,var(--text-secondary),var(--text-muted));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:400;font-size:2rem;display:block;margin-top:.5rem;font-family:var(--font-mono)}.hero-bio{color:var(--text-secondary);font-size:1.125rem;line-height:1.8;margin-bottom:3rem;max-width:90%;font-family:var(--font-mono);border-left:2px solid var(--surface-hover);padding-left:1.5rem}.text-accent{color:var(--accent)}.hero-actions{display:flex;gap:1.5rem}.hero-btn{padding:1rem 2rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;font-size:1rem;border-radius:2px;display:flex;align-items:center;justify-content:center;gap:.75rem;font-family:var(--font-mono);letter-spacing:.05em;position:relative;overflow:hidden}.btn-primary{background:var(--primary);border:1px solid var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn-secondary{background:transparent;border:1px solid var(--surface-hover);color:var(--text-secondary)}.btn-secondary:hover{border-color:var(--text-primary);color:var(--text-primary);background:#ffffff08}.profile-container{position:relative;width:300px;height:300px}.profile-frame{width:100%;height:100%;position:relative;border-radius:50%;overflow:hidden;border:3px solid var(--surface-hover);box-shadow:0 0 20px #0000004d;z-index:2;background:#000}.profile-img{width:100%;height:100%;object-fit:cover}.scan-line{position:absolute;top:0;left:0;width:100%;height:10px;background:#22d3ee4d;z-index:10;animation:scan 4s linear infinite;pointer-events:none;opacity:.5}@keyframes scan{0%{top:-10%}to{top:110%}}.circle-orbit{position:absolute;inset:-20px;border-radius:50%;border:1px dashed var(--primary);animation:rotate 20s linear infinite;z-index:1;opacity:.4}.profile-container:after{content:"";position:absolute;inset:-40px;border-radius:50%;border:1px solid var(--surface-hover);z-index:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:968px){.hero-section{flex-direction:column-reverse;text-align:center;padding:6rem 2rem;gap:3rem;justify-content:center}.hero-content{align-items:center;display:flex;flex-direction:column}.hero-title{font-size:3rem}.hero-title .highlight{font-size:1.5rem}.hero-bio{border-left:none;padding-left:0}.profile-container{width:280px;height:280px}}.scoreboard-container{width:100%;max-width:600px;margin:0 auto;font-family:var(--font-mono)}.center-header{display:flex;justify-content:center;margin-bottom:2rem}.scoreboard-header{background:var(--bg-color);padding:1.5rem;border-bottom:1px solid var(--surface-hover);display:flex;justify-content:space-between;align-items:center}.scoreboard-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;color:var(--text-primary);letter-spacing:.05em}.text-primary{color:var(--primary)}.single-challenge{background:var(--surface-color);border:1px solid var(--surface-hover);border-radius:8px;padding:1.5rem;transition:all .3s}.single-challenge:hover{border-color:var(--primary);box-shadow:0 5px 20px #0003}.challenge-card{display:flex;justify-content:space-between;align-items:center}.challenge-info h3{margin:0 0 .25rem;font-size:1.1rem;color:var(--text-primary)}.challenge-tag{font-size:.8rem;color:var(--text-muted);background:#ffffff0d;padding:.1rem .5rem;border-radius:2px}.challenge-meta{text-align:right}.points{display:block;color:var(--primary);font-weight:700;margin-bottom:.25rem}.status{display:flex;align-items:center;gap:.4rem;font-size:.85rem}.status.solved{color:var(--accent)}.scoreboard-table{width:100%;border-collapse:collapse;color:var(--text-secondary);font-family:var(--font-sans);font-size:.95rem}.scoreboard-table th{text-align:left;padding:1rem 1.5rem;border-bottom:1px solid var(--surface-hover);color:var(--text-primary);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;background:#0003}.scoreboard-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--surface-hover)}.scoreboard-table tr:last-child td{border-bottom:none}.scoreboard-table tr:hover td{background:var(--surface-hover);color:var(--text-primary)}.status-solved{color:#10b981;font-weight:500;background:#10b9811a;padding:.25rem .75rem;border-radius:9999px;display:inline-flex;align-items:center;gap:.5rem}.status-locked{color:var(--text-secondary);background:#94a3b81a;padding:.25rem .75rem;border-radius:9999px;display:inline-flex;align-items:center;gap:.5rem}.scanline{display:none}.cert-container{width:100%}.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.cert-card{background:var(--surface-color);border:1px solid var(--surface-hover);padding:2rem;border-radius:8px;transition:all .3s ease;display:flex;flex-direction:column}.cert-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 15px -3px #0000001a}.cert-icon{color:var(--primary);margin-bottom:1.5rem;background:#38bdf81a;width:fit-content;padding:.75rem;border-radius:8px}.cert-name{color:var(--text-primary);font-family:var(--font-sans);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.cert-issuer{color:var(--text-secondary);font-size:.95rem;margin-bottom:1rem}.cert-date{color:var(--text-secondary);font-size:.85rem;margin-top:auto;font-weight:500;opacity:.7}.cert-card:before{display:none}.achievements-section{padding:6rem 2rem;background:var(--bg-color);max-width:1200px;margin:0 auto}.section-title{color:var(--text-primary);margin-bottom:3rem;font-family:var(--font-sans);text-align:center;font-size:2rem;letter-spacing:-.02em}.tabs-header{display:flex;justify-content:center;gap:2rem;margin-bottom:3rem;border-bottom:1px solid var(--surface-hover);padding-bottom:0}.tab-btn{background:transparent;border:none;color:var(--text-muted);font-family:var(--font-sans);font-size:1rem;font-weight:500;padding:1rem 1.5rem;cursor:pointer;transition:all .3s;position:relative;display:flex;align-items:center;gap:.5rem}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--primary)}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--primary);box-shadow:0 -2px 10px var(--primary-glow)}.tab-content{animation:fadeIn .4s ease-out;min-height:300px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.projects-section{padding:6rem 2rem;background:var(--bg-color);max-width:1200px;margin:0 auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{background:var(--surface-color);border-radius:4px;padding:2rem;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;height:100%;border:1px solid transparent}.project-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0003}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.folder-icon{color:var(--primary)}.project-links{display:flex;gap:1rem}.icon-link{color:var(--text-secondary);transition:color .2s,transform .2s}.icon-link:hover{color:var(--primary);transform:translateY(-2px)}.project-body{margin-bottom:2rem;flex:1}.project-title-link{text-decoration:none;display:block}.project-title{color:var(--text-primary);font-size:1.4rem;font-weight:700;margin-bottom:1rem;font-family:var(--font-sans);transition:color .2s}.project-title:hover{color:var(--primary)}.project-desc{color:var(--text-secondary);font-size:1rem;line-height:1.6}.project-footer{margin-top:auto}.project-tags{display:flex;flex-wrap:wrap;gap:.8rem}.project-tag{color:var(--text-muted);font-family:var(--font-mono);font-size:.85rem}.books-section{padding:6rem 2rem;background:linear-gradient(to bottom,var(--bg-color),#0a0a0a);max-width:1200px;margin:0 auto}.book-display{display:flex;flex-direction:column;gap:4rem;align-items:center}@media(min-width:768px){.book-display{flex-direction:row;align-items:flex-start;justify-content:center;gap:4rem}}.book-cover-container{flex:0 0 auto;width:100%;max-width:320px;position:relative;perspective:1000px}.book-cover-img{width:100%;height:auto;border-radius:4px;box-shadow:5px 5px 15px #00000080,-2px 0 5px #ffffff0d;transition:transform .3s ease}.book-cover-container:hover .book-cover-img{transform:rotateY(-5deg) scale(1.02)}.book-details{flex:1;max-width:600px;display:flex;flex-direction:column;gap:1.5rem}.book-title-group{border-bottom:1px solid var(--primary-glow);padding-bottom:1rem}.book-title{font-family:var(--font-serif);font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1.1;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.book-subtitle{font-family:var(--font-serif);font-size:1.25rem;color:var(--primary);letter-spacing:.05em;font-style:italic}.book-desc{font-family:var(--font-sans);color:var(--text-secondary);font-size:1.05rem;line-height:1.8}.book-tags{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.5rem}.book-tag{font-family:var(--font-mono);font-size:.8rem;color:var(--accent);background:#22d3ee1a;padding:.25rem .75rem;border-radius:99px;border:1px solid rgba(34,211,238,.2)}.book-sellers-section{margin-top:2rem}.sellers-title{font-family:var(--font-serif);font-size:1.2rem;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.sellers-title:after{content:"";flex:1;height:1px;background:var(--surface-hover)}.sellers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.seller-link{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--surface-color);border:1px solid var(--surface-hover);border-radius:4px;color:var(--text-secondary);font-family:var(--font-sans);font-weight:500;font-size:.9rem;transition:all .2s ease;text-decoration:none}.seller-link:hover{border-color:var(--primary);background:#a855f70d;color:var(--text-primary);transform:translate(4px)}.seller-link.featured{background:var(--primary);color:#fff;border-color:var(--primary)}.seller-link.featured:hover{background:var(--primary-dark);transform:translateY(-2px)}.footer{background:var(--surface-color);border-top:1px solid var(--surface-hover);padding:4rem 2rem;text-align:center}.footer-content{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:1200px;margin:0 auto}.footer-links{display:flex;gap:2.5rem}.footer-link{color:var(--text-secondary);text-decoration:none;font-family:var(--font-sans);transition:all .2s;display:flex;align-items:center;gap:.5rem;font-weight:500}.footer-link:hover{color:var(--primary);transform:translateY(-2px)}.copyright{color:var(--text-secondary);font-family:var(--font-sans);font-size:.9rem;opacity:.8}.cipher-section{padding:6rem 2rem;background:var(--bg-color);border-top:1px solid var(--surface-hover)}.game-container{background:var(--surface-color);padding:2.5rem;border-radius:12px;border:1px solid var(--surface-hover);box-shadow:0 25px 50px -12px #00000040;max-width:480px;width:100%;margin:0 auto;text-align:center}.game-screen{background:var(--bg-color);border:1px solid var(--surface-hover);border-radius:8px;padding:1.5rem;margin-bottom:2rem;min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center}.code-display{font-size:2.5rem;letter-spacing:.5rem;color:var(--text-primary);font-weight:700;font-family:var(--font-mono);margin-bottom:.5rem}.attempts-left{font-size:.875rem;color:var(--text-secondary);font-weight:500}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.key-btn{background:var(--surface-hover);border:1px solid transparent;color:var(--text-primary);padding:1rem;border-radius:6px;font-weight:600;font-size:1.25rem;cursor:pointer;transition:all .2s}.key-btn:hover{background:var(--bg-color);border-color:var(--surface-hover)}.key-btn:active{transform:scale(.98)}.key-btn.action{color:#ef4444}.key-btn.submit{background:var(--primary);color:#fff}.key-btn.submit:hover{background:#0ea5e9}.feedback-log{margin-bottom:1.5rem;width:100%;text-align:left;max-height:120px;overflow-y:auto;font-size:.9rem;background:#0000001a;padding:.5rem;border-radius:4px}.log-entry{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05);padding:.35rem .5rem;font-family:var(--font-mono)}.log-result{font-weight:500;font-size:.8rem}.contact-section{padding:6rem 1rem;max-width:1400px;margin:0 auto;color:var(--text-primary)}.contact-container{max-width:800px;margin:0 auto}.contact-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2.5rem;margin-bottom:1rem;font-family:var(--font-mono);color:var(--primary)}.contact-subtitle{font-family:var(--font-mono);color:var(--text-secondary)}.contact-terminal{background:#000;border-radius:8px;border:1px solid var(--surface-hover);box-shadow:0 0 30px #00000080;overflow:hidden;font-family:var(--font-mono)}.terminal-header{background:var(--surface-color);padding:.75rem 1rem;display:flex;align-items:center;border-bottom:1px solid var(--surface-hover)}.terminal-dots{display:flex;gap:6px;margin-right:1rem}.dot{width:12px;height:12px;border-radius:50%}.red{background:#ef4444}.yellow{background:#f59e0b}.green{background:#10b981}.terminal-title{color:var(--text-muted);font-size:.9rem;margin:0 auto;padding-right:3rem}.terminal-body{padding:2rem;background:#111827f2}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;position:relative}.code-label{font-size:1rem;color:var(--text-secondary)}.var-type{color:var(--primary)}.var-name{color:var(--accent)}.func-call{color:var(--yellow, #F59E0B)}.code-input{background:transparent;border:none;border-bottom:2px solid var(--surface-hover);color:var(--text-primary);font-family:var(--font-mono);font-size:1.1rem;padding:.5rem .5rem .5rem 2rem;transition:all .3s}.code-input:focus{outline:none;border-bottom-color:var(--primary);background:#a855f70d}.code-input::placeholder{color:var(--text-muted);font-style:italic;opacity:.6}.textarea{resize:vertical;min-height:100px;border:2px solid var(--surface-hover);padding:1rem;border-radius:4px;margin-top:.5rem}.textarea:focus{border-color:var(--primary)}.closing-brace{color:var(--text-secondary);margin-top:.25rem}.submit-btn{background:var(--surface-hover);color:var(--primary);border:1px solid var(--primary);padding:1rem 2rem;font-family:var(--font-mono);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.75rem;border-radius:4px;margin-top:1rem;align-self:flex-start}.submit-btn:hover{background:var(--primary);color:#fff;box-shadow:0 0 15px var(--primary-glow)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.success-message{text-align:center;padding:2rem;color:var(--text-primary);display:flex;flex-direction:column;align-items:center;gap:1rem}.icon-success{color:var(--primary);margin-bottom:1rem}.reset-btn{margin-top:2rem;background:transparent;border:1px dashed var(--text-muted);color:var(--text-muted);padding:.5rem 1rem;cursor:pointer;font-family:var(--font-mono);transition:color .2s}.reset-btn:hover{color:var(--primary);border-color:var(--primary)}.error-message{color:#ef4444;font-size:.9rem;display:flex;align-items:center;gap:.5rem;margin-top:.5rem}@media(max-width:768px){.section-title{font-size:2rem}.code-label{font-size:.9rem}.submit-btn{width:100%}}.project-details-page{background:var(--bg-color);min-height:100vh;color:var(--text-primary);padding-bottom:4rem}.details-nav{padding:2rem;max-width:1200px;margin:0 auto}.back-btn{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-family:var(--font-mono);transition:color .2s}.back-btn:hover{color:var(--primary)}.details-header{background:var(--surface-color);padding:4rem 2rem;border-bottom:1px solid var(--surface-hover);margin-bottom:2rem}.header-content{max-width:1000px;margin:0 auto;text-align:center}.details-title{font-size:3rem;margin-bottom:1.5rem;color:var(--text-primary)}.details-meta{display:flex;justify-content:center;gap:2rem;color:var(--text-secondary);font-family:var(--font-mono)}.meta-item{display:flex;align-items:center;gap:.5rem}.meta-item.link:hover{color:var(--primary);text-decoration:underline}.details-container{max-width:1000px;margin:0 auto;padding:0 2rem}.details-image-container{width:100%;height:400px;border-radius:8px;overflow:hidden;margin-bottom:3rem;border:1px solid var(--surface-hover)}.details-image{width:100%;height:100%;object-fit:cover}.details-content{background:var(--surface-color);padding:3rem;border-radius:8px;border:1px solid var(--surface-hover)}.content-section h2,.content-section h3{color:var(--primary);margin-bottom:1rem;font-family:var(--font-sans)}.content-section p{color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem;font-size:1.1rem}.content-section ul{margin-left:1.5rem;margin-bottom:2rem;color:var(--text-secondary)}.content-section li{margin-bottom:.5rem}.tags-section{margin-top:3rem;border-top:1px solid var(--surface-hover);padding-top:2rem}.details-tags{display:flex;flex-wrap:wrap;gap:1rem}.details-tag{background:#a855f71a;color:var(--primary);padding:.5rem 1rem;border-radius:4px;font-family:var(--font-mono);display:flex;align-items:center;gap:.5rem}.project-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:var(--text-primary)}@media(max-width:768px){.details-title{font-size:2rem}.details-image-container{height:250px}.details-content{padding:1.5rem}}