@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;600;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-deep: #050505;--text-primary: #ffffff;--text-secondary: #a1a1aa;--accent: #ffffff;--accent-soft: rgba(255, 255, 255, .1);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--ai-bubble: rgba(255, 255, 255, .05);--user-bubble: rgba(255, 255, 255, .12)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden;line-height:1.6}.portfolio-root{min-height:100vh;position:relative}.main-header{position:fixed;top:0;left:0;right:0;height:70px;background:#05050580;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);z-index:100;display:flex;align-items:center;padding:0 40px;opacity:0;transform:translateY(-20px);transition:all 1s ease}.main-header.visible{opacity:1;transform:translateY(0)}.header-content{width:100%;max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo-group{display:flex;align-items:center;gap:12px}.logo-img{width:32px;height:32px;border-radius:50%;border:1px solid var(--glass-border)}.logo-text{font-weight:800;font-size:1.25rem;letter-spacing:-.02em}.nav-status{font-size:.8rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.1em}.portfolio-container{max-width:900px;margin:0 auto;padding:120px 24px 60px;position:relative;z-index:10;opacity:0;transform:translateY(20px);transition:all 1s cubic-bezier(.16,1,.3,1)}.portfolio-container.visible{opacity:1;transform:translateY(0)}.hero-section{text-align:center;margin-bottom:80px}.badge{display:inline-block;background:var(--glass-bg);border:1px solid var(--glass-border);padding:6px 16px;border-radius:99px;font-size:.75rem;font-weight:600;color:#4ade80;margin-bottom:24px;text-transform:uppercase}.hero-title{font-size:clamp(3.5rem,12vw,7rem);font-weight:800;letter-spacing:-.06em;margin-bottom:12px;line-height:.9;background:linear-gradient(to bottom,#fff,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.role-tagline{font-size:1.25rem;color:var(--text-secondary);font-weight:500;margin-bottom:20px}.mission-statement{font-size:1.15rem;max-width:500px;margin:0 auto 40px;color:var(--text-secondary)}.social-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.social-pill{text-decoration:none;background:var(--glass-bg);border:1px solid var(--glass-border);padding:8px 18px;border-radius:12px;color:var(--text-primary);display:flex;align-items:center;gap:10px;transition:all .3s ease;font-weight:500}.social-pill:hover{background:var(--accent-soft);border-color:var(--accent);transform:translateY(-2px)}.status-trigger-area{width:40px;height:40px;margin:-10px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.status-trigger-area:hover{background:#4ade801a}.status-indicator{width:12px;height:12px;border-radius:50%;background:#4ade80}.pulse-double{box-shadow:0 0 10px #4ade80;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{box-shadow:0 0 #4ade80b3}70%{box-shadow:0 0 0 15px #4ade8000}to{box-shadow:0 0 #4ade8000}}.ai-chat-card{max-width:600px;margin:0 auto 80px;display:flex;flex-direction:column;height:500px}.chat-header{padding:16px 24px;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;gap:12px}.chat-header h3{font-size:1.1rem;flex:1}.chat-header p{font-size:.75rem;color:var(--text-secondary)}.chat-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.chat-bubble{padding:12px 16px;border-radius:16px;max-width:85%;font-size:.95rem;line-height:1.5}.chat-bubble.ai{align-self:flex-start;background:var(--ai-bubble);border:1px solid var(--glass-border);border-bottom-left-radius:4px}.chat-bubble.user{align-self:flex-end;background:var(--user-bubble);border:1px solid var(--glass-border);border-bottom-right-radius:4px}.chat-input-area{padding:16px;border-top:1px solid var(--glass-border);display:flex;gap:12px}.chat-input-area input{flex:1;background:var(--glass-bg);border:1px solid var(--glass-border);padding:12px 20px;border-radius:12px;color:#fff;outline:none}.chat-input-area button{background:#fff;color:#000;border:none;width:44px;height:44px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.roadmap-section{margin-bottom:80px}.section-title{text-align:center;font-size:1.75rem;margin-bottom:40px;font-weight:700}.roadmap-container{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.roadmap-item{display:flex;gap:20px;padding:20px;border-radius:16px;background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;transition:all .3s ease;align-items:center}.roadmap-item.active{border-color:#fff;background:#ffffff0d}.roadmap-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.roadmap-btn{text-decoration:none;padding:18px;border-radius:16px;text-align:center;font-weight:700;font-size:.95rem;transition:all .3s ease;border:1px solid var(--glass-border);color:#fff}.roadmap-btn.web3skills{background:linear-gradient(135deg,#6366f1,#a855f7);border:none}.roadmap-btn.securitypg{background:var(--glass-bg);border-color:#4ade80;color:#4ade80}.roadmap-btn:hover{transform:translateY(-4px);filter:brightness(1.2);box-shadow:0 10px 20px -5px #00000080}.key-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.key-modal{width:100%;max-width:480px;padding:32px;box-shadow:0 0 50px #000}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.close-btn{background:none;border:none;color:#888;font-size:2rem;cursor:pointer}.modal-desc{font-size:.9rem;color:#888;margin-bottom:24px}.input-group label{font-size:.7rem;font-weight:800;text-transform:uppercase;color:#555;display:block;margin-bottom:8px}.input-group input{width:100%;background:#111;border:1px solid #333;padding:14px;border-radius:12px;color:#fff;font-family:JetBrains Mono,monospace;margin-bottom:20px}.modal-actions{display:flex;gap:12px}.test-btn{flex:2;background:#fff;color:#000;border:none;padding:14px;border-radius:12px;font-weight:800;cursor:pointer}.clear-btn{flex:1;background:#111;color:#f44;border:1px solid #333;border-radius:12px;cursor:pointer}.test-status{padding:12px;border-radius:10px;font-size:.8rem;margin-bottom:20px}.test-status.error{background:#ff00001a;color:#f44}.test-status.success{background:#00ff001a;color:#4ade80}.tech-item{background:var(--glass-bg);border:1px solid var(--glass-border);padding:16px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:10px}.portfolio-footer{margin-top:80px;text-align:center;color:#555;font-size:.8rem}@media(max-width:650px){.roadmap-actions{grid-template-columns:1fr}}