:root{--primary-color:#dc2626;--secondary-color:#7f1d1d;--accent-color:#ef4444;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-light:#94a3b8;--bg-primary:#0f0f0f;--bg-secondary:#1a1a1a;--bg-accent:#262626;--border-color:#404040;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--max-width:1200px;--border-radius:12px;--border-radius-lg:20px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);color:var(--text-primary);line-height:1.7;background-color:var(--bg-primary);background-image:radial-gradient(circle at 20% 25%,rgba(239,68,68,.08) 0,transparent 60%),radial-gradient(circle at 80% 70%,rgba(127,29,29,.07) 0,transparent 65%),radial-gradient(circle at 50% 120%,rgba(239,68,68,.04) 0,transparent 70%);background-repeat:no-repeat;background-attachment:fixed;background-size:cover}.navbar{position:fixed;top:0;left:0;right:0;background:rgba(15,15,15,.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:1000}.nav-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4);display:flex;justify-content:center;gap:var(--space-8)}.nav-link{padding:var(--space-4) var(--space-2);color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .3s ease;border-bottom:2px solid transparent}.nav-link.active,.nav-link:hover{color:var(--primary-color);border-bottom-color:var(--primary-color)}.main-content{margin-top:80px;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding:0 var(--space-4)}.section{display:none;padding:var(--space-20) 0;animation:fadeInUp .6s ease-out}.section.active{display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero{text-align:center;padding:var(--space-20) 0}.hero-title{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--font-size-xl);color:var(--text-secondary);margin-bottom:var(--space-6)}.hero-description{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-8)}.hero-links{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--border-radius);text-decoration:none;font-weight:600;transition:all .3s ease;border:2px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:white}.btn-spotify{background:#1db954;color:white;border:2px solid #1db954}.btn-spotify:hover{background:#1ed760;border-color:#1ed760}.secret-mode-indicator{position:fixed;bottom:20px;right:20px;background:var(--primary-color);color:var(--bg-primary);padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;z-index:1001;animation:pulse 2s ease-in-out infinite;display:none}.secret-mode-indicator.active{display:block}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}.recent-activity{margin-top:var(--space-20)}.recent-activity h2{text-align:center;margin-bottom:var(--space-8);font-size:var(--font-size-3xl);font-weight:700}.activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.activity-item{background:var(--bg-secondary);padding:var(--space-6);border-radius:var(--border-radius-lg);border:1px solid var(--border-color)}.activity-image{float:right;margin-left:1rem;border-radius:8px;max-width:120px;height:auto}.activity-item h3{margin-bottom:var(--space-2);color:var(--primary-color)}.activity-item .date{color:var(--text-light);font-size:var(--font-size-sm);margin-bottom:var(--space-3)}.activity-link{color:#ff4444;font-weight:600;text-decoration:underline}.activity-link:hover{color:#ff7777;border-bottom-color:#ff7777;text-shadow:0 0 8px rgba(255,68,68,.6)}h

.activity-content{display:flex;align-items:center;gap:1rem}.activity-thumb{width:70px;height:100px;object-fit:cover;border-radius:8px;box-shadow:0 0 10px rgba(255,0,0,.2);transition:transform .3s ease}.activity-thumb:hover{transform:scale(1.05)}.about-container{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-12);align-items:start}.work-timeline{margin:var(--space-12) 0}.work-timeline h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-6);color:var(--text-primary)}.timeline{position:relative;padding-left:var(--space-8)}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--primary-color)}.timeline-item{position:relative;margin-bottom:var(--space-8);padding-left:var(--space-6)}.timeline-dot{position:absolute;left:-13px;top:0;width:24px;height:24px;background:var(--bg-primary);border:2px solid var(--primary-color);border-radius:50%}.timeline-content{background:var(--bg-secondary);padding:var(--space-6);border-radius:var(--border-radius);border:1px solid var(--border-color)}.timeline-content h4{color:var(--primary-color);font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.timeline-content h5{color:var(--text-primary);font-size:var(--font-size-base);margin-bottom:var(--space-2)}.timeline-date{color:var(--text-light);font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.timeline-content p:last-child{color:var(--text-secondary);margin-bottom:0}.about-container h2{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-6)}.about-content p{margin-bottom:var(--space-4);font-size:var(--font-size-lg);color:var(--text-secondary)}.skills-section{margin-top:var(--space-8)}.skills-section h3{margin-bottom:var(--space-4);font-size:var(--font-size-xl);font-weight:600}.skills-grid{display:flex;flex-wrap:wrap;gap:var(--space-3)}.skill-tag{background:var(--bg-accent);color:var(--text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:500}.profile-image{text-align:center}.profile-image img{width:280px;height:280px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-xl)}.projects-section h2{text-align:center;font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-4)}.section-subtitle{text-align:center;color:var(--text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-12)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8)}.project-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden;transition:all .3s ease}.project-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.project-header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;text-align:center}.project-content,.project-header{padding:var(--space-6)}.project-content h3{margin-bottom:var(--space-3);font-size:var(--font-size-xl);font-weight:600}.project-content p{color:var(--text-secondary);margin-bottom:var(--space-4)}.project-tech{margin-bottom:var(--space-6);color:var(--text-light);font-size:var(--font-size-sm)}.project-links{display:flex;gap:var(--space-3)}.project-links a{flex:1;text-align:center;padding:var(--space-2) var(--space-4);border:1px solid var(--primary-color);color:var(--primary-color);text-decoration:none;border-radius:var(--border-radius);transition:all .3s ease}.project-links a:hover{background:var(--primary-color);color:white}.blog-section{padding:var(--space-20) 0;display:flex;flex-direction:column;align-items:center;gap:var(--space-12);background:transparent}.blog-header{text-align:center;max-width:720px}.blog-header h1{font-size:var(--font-size-4xl);font-weight:800;color:var(--text-primary);margin-bottom:var(--space-4)}.blog-header p{color:var(--text-secondary);font-size:var(--font-size-lg)}.blog-posts{display:flex;flex-direction:column;gap:var(--space-8);width:100%;max-width:800px}.blog-post{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:var(--border-radius-lg);padding:var(--space-8);transition:all .25s ease}.blog-post:hover{transform:translateY(-2px);border-color:var(--primary-color);box-shadow:0 0 20px rgba(220,38,38,.15)}.blog-link{text-decoration:none}.blog-post h2{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-2);color:var(--text-primary)}.blog-meta{color:var(--text-light);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.blog-excerpt{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.7}.blog-tags{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-4)}.blog-tag{background:rgba(220,38,38,.1);color:var(--primary-color);padding:var(--space-1) var(--space-3);border-radius:9999px;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.03em}.post-content{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);padding:var(--space-10);max-width:800px;margin:0 auto;box-shadow:0 0 30px rgba(0,0,0,.25)}.post-content h1{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--space-6);color:var(--text-primary)}.post-content p{margin-bottom:var(--space-4);line-height:1.8}.post-content a{text-decoration:none}.post-content a:hover{text-decoration:underline}.post-content pre{background:var(--bg-secondary);padding:var(--space-4);border-radius:var(--border-radius);margin:var(--space-6) 0}.post-content code{background:var(--bg-accent);padding:2px 6px;font-family:Monaco,Courier New,monospace;font-size:var(--font-size-sm)}.post-content{max-width:1250px;margin:4rem auto;padding:3rem 2.5rem;background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:0 10px 30px rgba(0,0,0,.1);line-height:1.9;color:var(--text-primary);font-size:1.05rem;transition:background .3s ease,color .3s ease}.post-content h1,.post-content h2,.post-content h3{font-family:var(--font-heading,"Inter",sans-serif);font-weight:700;margin-top:2.5rem;margin-bottom:1rem;line-height:1.3;color:var(--text-primary)}.post-content h1{font-size:2.5rem;border-bottom:2px solid var(--primary-color);padding-bottom:.5rem}.post-content h2{font-size:1.8rem;color:var(--primary-color)}.post-content h3{font-size:1.4rem;color:var(--text-secondary)}.post-content p{margin-bottom:1.5rem;color:var(--text-secondary)}.post-content strong{color:var(--text-primary);font-weight:600}.post-content ol,.post-content ul{margin:1.5rem 0 1.5rem 2rem}.post-content li{margin-bottom:.6rem}.post-content pre{background:var(--bg-accent);border-radius:8px;padding:1rem 1.2rem;overflow-x:auto;margin:2rem 0;font-size:.95rem;border:1px solid var(--border-color)}.post-content code,.post-content pre{color:var(--accent-color);font-family:Fira Code,monospace}.post-content code{background:rgba(255,255,255,.05);padding:.2rem .4rem;border-radius:4px;font-size:.95em}.post-content a{color:var(--primary-color);text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.post-content a:hover{color:var(--accent-color)}.post-content blockquote{border-left:4px solid var(--primary-color);margin:2rem 0;padding:.5rem 1.5rem;font-style:italic;color:var(--text-secondary);background:rgba(255,255,255,.02);border-radius:0 6px 6px 0}.post-content img{width:100%;border-radius:var(--border-radius-lg);margin:2rem 0;box-shadow:0 5px 25px rgba(0,0,0,.25)}.post-content hr{border:none;height:1px;background:var(--border-color);margin:2rem 0}.contact-section{padding:var(--space-20) 0}.contact-container{max-width:600px;margin:0 auto;text-align:center}.contact-container h2{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-4)}.contact-container p{color:var(--text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-8)}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.contact-method{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--border-radius);text-decoration:none;color:var(--text-primary);transition:all .3s ease;border:1px solid var(--border-color)}.contact-method:hover{background:var(--primary-color);color:white;transform:translateY(-2px);border-color:var(--primary-color)}.contact-icon{font-size:var(--font-size-xl)}@media (max-width:768px){.nav-container{flex-wrap:wrap;gap:var(--space-4)}.hero-links{flex-direction:column;align-items:center}.about-container{grid-template-columns:1fr;text-align:center}.timeline{padding-left:var(--space-6)}.timeline-dot{left:-11px;width:20px;height:20px}.contact-methods,.projects-grid{grid-template-columns:1fr}.hero-title{font-size:var(--font-size-3xl)}.section h2{font-size:var(--font-size-2xl)}.post-content{padding:var(--space-4)}.post-content h1{font-size:var(--font-size-3xl)}}