*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #16181b;--bg-secondary: #1a1d29;--bg-panel: #2d3250;--neon-green: #00ff88;--neon-blue: #00d9ff;--neon-yellow: #ffeb3b;--neon-pink: #ff006e;--neon-purple: #6366f1;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--border-color: #3a3f5c}body{font-family:Courier New,monospace;background:#16181b;background:var(--bg-primary);color:#e0e0e0;color:var(--text-primary);overflow-x:hidden;line-height:1.6}.hidden{display:none!important}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background:#16181b;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content{text-align:center}.neon-ring{width:120px;height:120px;border:4px solid transparent;border-top-color:#0f8;border-top-color:var(--neon-green);border-right-color:#00d9ff;border-right-color:var(--neon-blue);border-radius:50%;margin:0 auto 30px;animation:spin 2s linear infinite,pulse 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.loading-text{font-size:2.5rem;font-weight:700;color:#0f8;color:var(--neon-green);text-shadow:0 0 20px #00ff88;text-shadow:0 0 20px var(--neon-green);letter-spacing:8px}.dots{animation:blink 1.5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.binary-text{margin-top:20px;font-size:.9rem;color:#00d9ff;color:var(--neon-blue);animation:flicker .3s infinite alternate}@keyframes flicker{0%{opacity:.8}to{opacity:1}}.entry-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background:#16181b;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:9998;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.entry-panel{background:#2d3250;background:var(--bg-panel);border:3px solid #ffeb3b;border:3px solid var(--neon-yellow);border-radius:12px;padding:40px 60px;box-shadow:0 0 40px #ffeb3b4d,inset 0 0 20px #ffeb3b1a;max-width:600px;width:90%;animation:slideDown .8s ease-out}@keyframes slideDown{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}.panel-header{display:flex;gap:10px;margin-bottom:30px}.header-light{width:12px;height:12px;border-radius:50%;animation:glow 2s ease-in-out infinite}.header-light.red{background:red;box-shadow:0 0 10px red}.header-light.yellow{background:#ffeb3b;background:var(--neon-yellow);box-shadow:0 0 10px #ffeb3b;box-shadow:0 0 10px var(--neon-yellow);animation-delay:.3s}.header-light.green{background:#0f8;background:var(--neon-green);box-shadow:0 0 10px #0f8;box-shadow:0 0 10px var(--neon-green);animation-delay:.6s}@keyframes glow{0%,to{opacity:1}50%{opacity:.5}}.entry-content h1{font-size:2.5rem;color:#00d9ff;color:var(--neon-blue);text-shadow:0 0 20px #00d9ff;text-shadow:0 0 20px var(--neon-blue);margin-bottom:10px;position:relative}.glitch{animation:glitch 3s infinite}@keyframes glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,2px)}94%{transform:translate(2px,-2px)}96%{transform:translate(-2px,-2px)}98%{transform:translate(2px,2px)}}.subtitle{color:#a0a0a0;color:var(--text-secondary);font-size:1.1rem;margin-bottom:40px}.access-button{background:linear-gradient(135deg,#0f8,#00d9ff);background:linear-gradient(135deg,var(--neon-green),var(--neon-blue));border:none;padding:18px 40px;font-size:1.2rem;font-weight:700;color:#16181b;color:var(--bg-primary);font-family:Courier New,monospace;cursor:pointer;border-radius:8px;display:flex;align-items:center;gap:15px;margin:0 auto;transition:all .3s ease;box-shadow:0 0 30px #00ff8880;animation:buttonPulse 2s ease-in-out infinite}@keyframes buttonPulse{0%,to{box-shadow:0 0 30px #00ff8880}50%{box-shadow:0 0 50px #0f8c}}.access-button:hover{transform:scale(1.05);box-shadow:0 0 60px #0f8c}.btn-arrow{animation:slideRight 1s ease-in-out infinite}@keyframes slideRight{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.dashboard{min-height:100vh;padding:20px;animation:fadeIn .5s ease-in}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;background:#1a1d29;background:var(--bg-secondary);border:2px solid #3a3f5c;border:2px solid var(--border-color);border-radius:10px;margin-bottom:20px;box-shadow:0 4px 20px #0000004d;flex-wrap:wrap;gap:15px}.logo{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:8px}.logo-icon{font-size:2rem;animation:pulse 3s ease-in-out infinite}.logo-bracket{color:#ffeb3b;color:var(--neon-yellow);font-size:1.8rem}.logo-text{color:#0f8;color:var(--neon-green);text-shadow:0 0 15px #00ff88;text-shadow:0 0 15px var(--neon-green)}.header-badges{display:flex;gap:10px;flex-wrap:wrap}.header-badge{padding:6px 12px;background:#2d3250;background:var(--bg-panel);border:1px solid #00d9ff;border:1px solid var(--neon-blue);border-radius:4px;font-size:.7rem;color:#00d9ff;color:var(--neon-blue);font-weight:700}.system-status{display:flex;align-items:center;gap:10px;font-size:.9rem}.status-indicator{width:10px;height:10px;background:#0f8;background:var(--neon-green);border-radius:50%;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 10px #0f8;box-shadow:0 0 10px var(--neon-green)}.status-text{color:#0f8;color:var(--neon-green)}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:20px;gap:20px;max-width:1600px;margin:0 auto}.panel{background:#1a1d29;background:var(--bg-secondary);border:2px solid #3a3f5c;border:2px solid var(--border-color);border-radius:10px;padding:20px;box-shadow:0 4px 20px #0000004d;transition:all .3s ease;animation:panelSlideIn .6s ease-out backwards}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.panel:hover{border-color:#00d9ff;border-color:var(--neon-blue);box-shadow:0 4px 30px #00d9ff33}.panel-title{font-size:.9rem;font-weight:700;color:#ffeb3b;color:var(--neon-yellow);margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #3a3f5c;border-bottom:2px solid var(--border-color);letter-spacing:2px}.profile-panel{grid-column:span 3;animation-delay:.1s}.credentials{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.credential-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#2d3250;background:var(--bg-panel);border:1px solid #00ff88;border:1px solid var(--neon-green);border-radius:4px;font-size:.75rem}.credential-icon{font-size:1.1rem;color:#0f8;color:var(--neon-green)}.credential-text{color:#e0e0e0;color:var(--text-primary);font-weight:700}.languages{margin:15px 0;padding:12px;background:#2d3250;background:var(--bg-panel);border:1px solid #00d9ff;border:1px solid var(--neon-blue);border-radius:4px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.lang-label{font-size:.75rem;color:#00d9ff;color:var(--neon-blue);font-weight:700}.lang-badge{padding:4px 10px;background:#00d9ff1a;border:1px solid #00d9ff;border:1px solid var(--neon-blue);border-radius:12px;font-size:.7rem;color:#e0e0e0;color:var(--text-primary)}.avatar-container{margin:20px 0;display:flex;justify-content:center}.avatar{width:200px;height:200px;cursor:pointer;transition:transform .3s ease}.avatar:hover{transform:scale(1.05)}.avatar-style{transition:opacity .3s ease}.avatar-style:not(.active){opacity:0;pointer-events:none}.panel-button{width:100%;padding:12px 20px;margin-top:10px;background:#2d3250;background:var(--bg-panel);border:2px solid #00d9ff;border:2px solid var(--neon-blue);color:#00d9ff;color:var(--neon-blue);font-family:Courier New,monospace;font-size:.9rem;font-weight:700;cursor:pointer;border-radius:6px;transition:all .3s ease}.panel-button:hover{background:#00d9ff;background:var(--neon-blue);color:#16181b;color:var(--bg-primary);box-shadow:0 0 20px #00d9ff80}.panel-button.primary{border-color:#0f8;border-color:var(--neon-green);color:#0f8;color:var(--neon-green)}.panel-button.primary:hover{background:#0f8;background:var(--neon-green);color:#16181b;color:var(--bg-primary);box-shadow:0 0 20px #00ff8880}.services-panel{grid-column:span 3;grid-row:span 2;animation-delay:.2s}.services-menu{display:flex;flex-direction:column;gap:10px}.service-item{display:flex;align-items:center;gap:12px;padding:12px;background:#2d3250;background:var(--bg-panel);border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .3s ease;font-family:Courier New,monospace;color:#e0e0e0;color:var(--text-primary);text-align:left}.service-item:hover{border-color:#6366f1;border-color:var(--neon-purple);background:#6366f11a;transform:translate(5px)}.service-item.active{border-color:#0f8;border-color:var(--neon-green);background:#00ff881a;box-shadow:0 0 15px #0f83}.service-icon{font-size:1.8rem;flex-shrink:0}.service-icon-svg{width:32px;height:32px;flex-shrink:0;stroke:currentColor;transition:all .3s ease}.service-item.active .service-icon-svg{stroke:#0f8;stroke:var(--neon-green);filter:drop-shadow(0 0 4px #00ff88);filter:drop-shadow(0 0 4px var(--neon-green))}.service-item:hover .service-icon-svg{transform:scale(1.1);stroke:#6366f1;stroke:var(--neon-purple)}.service-text{font-size:.85rem;font-weight:700;line-height:1.3}.portfolio-panel{grid-column:span 6;grid-row:span 3;animation-delay:.3s;display:flex;flex-direction:column}.portfolio-content{display:flex;align-items:center;justify-content:space-between;flex:1;position:relative;min-height:300px}.portfolio-display{flex:1;padding:0 20px;display:flex;align-items:center;justify-content:center}.portfolio-slide{text-align:center;width:100%;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.portfolio-slide h2{font-size:2.5rem;color:#00d9ff;color:var(--neon-blue);text-shadow:0 0 20px #00d9ff;text-shadow:0 0 20px var(--neon-blue);margin-bottom:20px}.portfolio-slide h3{font-size:1.8rem;color:#0f8;color:var(--neon-green);margin-bottom:15px}.portfolio-slide p{font-size:1.1rem;color:#a0a0a0;color:var(--text-secondary);line-height:1.8;max-width:600px;margin:0 auto}.nav-arrow{width:50px;height:50px;background:#2d3250;background:var(--bg-panel);border:2px solid #ffeb3b;border:2px solid var(--neon-yellow);color:#ffeb3b;color:var(--neon-yellow);font-size:2rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.nav-arrow:hover{background:#ffeb3b;background:var(--neon-yellow);color:#16181b;color:var(--bg-primary);transform:scale(1.1);box-shadow:0 0 20px #ffeb3b80}.portfolio-indicators{display:flex;justify-content:center;gap:10px;margin-top:20px}.indicator{width:10px;height:10px;background:#2d3250;background:var(--bg-panel);border:2px solid #00d9ff;border:2px solid var(--neon-blue);border-radius:50%;cursor:pointer;transition:all .3s ease}.indicator.active{background:#00d9ff;background:var(--neon-blue);box-shadow:0 0 10px #00d9ff;box-shadow:0 0 10px var(--neon-blue)}.fun-panel{grid-column:span 3;animation-delay:.4s}.fun-content{display:flex;flex-direction:column;gap:20px}.dial-container{text-align:center}.dial{width:150px;height:150px;margin:0 auto;cursor:grab;transition:transform .1s ease}.dial:active{cursor:grabbing}.dial-instruction{margin-top:10px;font-size:.8rem;color:#a0a0a0;color:var(--text-secondary)}.fun-display{background:#2d3250;background:var(--bg-panel);border:2px solid #00ff88;border:2px solid var(--neon-green);border-radius:6px;padding:15px}.display-title{font-size:.8rem;color:#0f8;color:var(--neon-green);margin-bottom:10px;font-weight:700}.display-content{font-size:.9rem;color:#e0e0e0;color:var(--text-primary);line-height:1.6;min-height:80px}.achievements-panel{grid-column:span 3;animation-delay:.5s}.achievements-scroll{max-height:350px;overflow-y:auto;padding-right:5px}.achievements-scroll::-webkit-scrollbar{width:6px}.achievements-scroll::-webkit-scrollbar-track{background:#2d3250;background:var(--bg-panel);border-radius:3px}.achievements-scroll::-webkit-scrollbar-thumb{background:#ffeb3b;background:var(--neon-yellow);border-radius:3px}.achievement-item{display:flex;align-items:center;gap:15px;padding:12px;margin-bottom:10px;background:#2d3250;background:var(--bg-panel);border:2px solid transparent;border-radius:6px;transition:all .3s ease}.achievement-item:hover{border-color:#ffeb3b;border-color:var(--neon-yellow);background:#ffeb3b0d;transform:translate(5px)}.achievement-icon{font-size:1.5rem;flex-shrink:0}.achievement-content{flex:1}.achievement-title{font-size:.85rem;color:#e0e0e0;color:var(--text-primary);font-weight:700;margin-bottom:3px}.achievement-year{font-size:.7rem;color:#ffeb3b;color:var(--neon-yellow);font-weight:700}.timeline-panel{grid-column:span 3;animation-delay:.6s}.timeline{position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#0f8,#00d9ff);background:linear-gradient(to bottom,var(--neon-green),var(--neon-blue))}.timeline-item{position:relative;margin-bottom:25px;padding-left:15px}.timeline-item:before{content:"";position:absolute;left:-23px;top:5px;width:10px;height:10px;border-radius:50%;background:#2d3250;background:var(--bg-panel);border:2px solid #00d9ff;border:2px solid var(--neon-blue)}.timeline-item.active:before{background:#0f8;background:var(--neon-green);border-color:#0f8;border-color:var(--neon-green);box-shadow:0 0 10px #0f8;box-shadow:0 0 10px var(--neon-green);animation:pulse 2s ease-in-out infinite}.timeline-year{font-size:.75rem;color:#ffeb3b;color:var(--neon-yellow);font-weight:700;margin-bottom:5px}.timeline-title{font-size:.9rem;color:#e0e0e0;color:var(--text-primary);font-weight:700;margin-bottom:3px}.timeline-desc{font-size:.75rem;color:#a0a0a0;color:var(--text-secondary)}.modal{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:10000;display:flex;align-items:center;justify-content:center}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{position:relative;background:#1a1d29;background:var(--bg-secondary);border:3px solid #00ff88;border:3px solid var(--neon-green);border-radius:12px;padding:40px;max-width:500px;width:90%;box-shadow:0 0 50px #00ff884d;animation:modalSlideIn .4s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:15px;right:15px;width:35px;height:35px;background:transparent;border:2px solid #ff006e;border:2px solid var(--neon-pink);color:#ff006e;color:var(--neon-pink);font-size:1.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:#ff006e;background:var(--neon-pink);color:#16181b;color:var(--bg-primary);transform:rotate(90deg)}.modal-title{font-size:1.8rem;color:#0f8;color:var(--neon-green);text-shadow:0 0 15px #00ff88;text-shadow:0 0 15px var(--neon-green);margin-bottom:30px;letter-spacing:2px}.contact-item{margin-bottom:25px}.contact-label{display:block;font-size:.85rem;color:#ffeb3b;color:var(--neon-yellow);margin-bottom:10px;font-weight:700;letter-spacing:1px}.contact-link{display:flex;align-items:center;gap:12px;padding:15px 20px;background:#2d3250;background:var(--bg-panel);border:2px solid #00d9ff;border:2px solid var(--neon-blue);border-radius:6px;color:#e0e0e0;color:var(--text-primary);text-decoration:none;font-size:1rem;transition:all .3s ease}.contact-link:hover{background:#00d9ff1a;border-color:#0f8;border-color:var(--neon-green);color:#0f8;color:var(--neon-green);transform:translate(5px);box-shadow:0 0 20px #0f83}.link-icon{font-size:1.3rem;color:#00d9ff;color:var(--neon-blue)}@media (max-width: 1400px){.dashboard-grid{grid-template-columns:repeat(8,1fr)}.services-panel{grid-column:span 4;grid-row:span 1}.portfolio-panel{grid-column:span 8;grid-row:span 2}.profile-panel,.fun-panel,.achievements-panel,.timeline-panel{grid-column:span 4}}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:repeat(6,1fr)}.profile-panel,.services-panel,.fun-panel,.achievements-panel,.timeline-panel,.portfolio-panel{grid-column:span 6;grid-row:span 1}.header-badges{display:none}}@media (max-width: 900px){.dashboard-grid{grid-template-columns:repeat(4,1fr)}.profile-panel,.services-panel,.portfolio-panel,.fun-panel,.achievements-panel,.timeline-panel{grid-column:span 4}}@media (max-width: 768px){.dashboard{padding:15px}.dashboard-header{padding:12px 15px;gap:10px}.logo{font-size:1.3rem}.logo-icon{font-size:1.5rem}.dashboard-grid{grid-template-columns:1fr;gap:15px}.profile-panel,.services-panel,.portfolio-panel,.fun-panel,.achievements-panel,.timeline-panel{grid-column:span 1;grid-row:span 1}.credentials{font-size:.7rem}.credential-item{padding:6px 10px}.languages{font-size:.7rem;padding:10px}.lang-badge{padding:3px 8px;font-size:.65rem}.achievements-scroll{max-height:250px}.entry-panel{padding:30px 25px}.service-item{padding:10px;gap:10px}.service-icon{font-size:1.5rem}.service-icon-svg{width:28px;height:28px}.service-text{font-size:.8rem}.entry-content h1{font-size:2rem}.portfolio-slide h2{font-size:1.8rem}.portfolio-slide h3{font-size:1.3rem}.portfolio-slide p{font-size:1rem}.nav-arrow{width:40px;height:40px;font-size:1.5rem}}@media (max-width: 480px){.dashboard{padding:10px}.dashboard-grid{gap:12px}.dashboard-header{padding:10px 12px}.logo{font-size:1.1rem}.logo-icon{font-size:1.3rem}.system-status{font-size:.75rem}.panel{padding:15px}.panel-title{font-size:.8rem;margin-bottom:15px}.loading-text{font-size:1.6rem;letter-spacing:4px}.entry-content h1{font-size:1.3rem}.subtitle{font-size:.85rem}.access-button{padding:12px 25px;font-size:.9rem}.modal-content{padding:25px 18px}.portfolio-slide h2{font-size:1.5rem}.portfolio-slide h3{font-size:1.1rem}.portfolio-slide p{font-size:.9rem}.nav-arrow{width:35px;height:35px;font-size:1.3rem}.avatar{width:150px;height:150px}.achievement-item{padding:10px;gap:10px}.achievement-icon{font-size:1.3rem}.achievement-title{font-size:.8rem}}@media (max-width: 360px){.dashboard{padding:8px}.logo-text{font-size:.9rem}.portfolio-slide h2{font-size:1.3rem}.portfolio-slide h3{font-size:1rem}.portfolio-slide p{font-size:.85rem}.service-text{font-size:.75rem}}@media (min-width: 1600px){.dashboard-grid{max-width:1800px}.portfolio-slide h2{font-size:3rem}.portfolio-slide h3{font-size:2rem}.portfolio-slide p{font-size:1.2rem;max-width:800px}}