@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #000000;--bg-secondary: #0a1628;--bg-card: #0f1a2e;--bg-card-hover: #152238;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--border: #1e293b;--accent-blue: #3b82f6;--gradient-blue: linear-gradient(135deg, #1e40af, #3b82f6);--gradient-purple: linear-gradient(135deg, #7c3aed, #a78bfa);--gradient-green: linear-gradient(135deg, #059669, #10b981);--gradient-orange: linear-gradient(135deg, #ea580c, #f97316);--gradient-cyan: linear-gradient(135deg, #0891b2, #06b6d4);--gradient-pink: linear-gradient(135deg, #db2777, #ec4899)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#000,#0a1628,#000)}.hero{padding:40px 20px 30px;background:linear-gradient(135deg,#0a1628,#1e3a5f);position:relative}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(59,130,246,.1) 0%,transparent 50%);pointer-events:none}.container{max-width:1400px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.hero-content{display:flex;align-items:center;gap:16px}.title{display:flex;align-items:baseline;gap:12px;font-weight:600}.title-main{font-size:2rem;color:var(--text-primary)}.title-sub{font-size:1.5rem;color:var(--text-primary);font-weight:400}.subtitle{font-size:.875rem;color:var(--text-secondary);font-weight:300;font-style:italic;margin-left:8px}.hero-toggle{margin-left:auto}.theme-toggle{width:48px;height:28px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.theme-toggle:hover{background:#ffffff26}.toggle-icon{font-size:1.2rem}.main{flex:1;padding:40px 20px 60px}.featured-card{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;padding:32px;margin-bottom:48px;box-shadow:0 4px 24px #0006}.featured-time{margin-bottom:24px}.time-display{display:flex;align-items:baseline;gap:16px}.time{font-size:3rem;font-weight:300;color:var(--text-primary);letter-spacing:-.02em}.date{font-size:.875rem;color:var(--text-secondary)}.featured-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px}.feature-main{background:var(--bg-card-hover);border:1px solid var(--border);border-radius:16px;padding:24px;text-decoration:none;color:inherit;display:flex;align-items:center;gap:20px;cursor:pointer;transition:all .3s ease}.feature-main:hover{border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:0 8px 24px #3b82f633}.feature-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0}.feature-info h3{font-size:1.25rem;font-weight:600;margin-bottom:4px}.feature-info p{font-size:.875rem;color:var(--text-secondary)}.quick-card{background:var(--bg-card-hover);border:1px solid var(--border);border-radius:16px;padding:20px;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;cursor:pointer;transition:all .3s ease}.quick-card:hover{border-color:var(--accent-blue);transform:translateY(-2px)}.card-icon{font-size:2rem}.quick-card span{font-size:.875rem;color:var(--text-secondary)}.projects-section{margin-top:48px}.section-title{font-size:1.5rem;font-weight:600;margin-bottom:24px;color:var(--text-primary)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:all .3s ease;position:relative}.project-card:hover{border-color:var(--accent-blue);transform:translateY(-4px);box-shadow:0 8px 24px #3b82f626;background:var(--bg-card-hover)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.project-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.gradient-blue{background:var(--gradient-blue)}.gradient-purple{background:var(--gradient-purple)}.gradient-green{background:var(--gradient-green)}.gradient-orange{background:var(--gradient-orange)}.gradient-cyan{background:var(--gradient-cyan)}.gradient-pink{background:var(--gradient-pink)}.card-status{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b98180}.project-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);line-height:1.4}.project-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.6;flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag{background:#3b82f61a;color:var(--accent-blue);padding:4px 12px;border-radius:6px;font-size:.75rem;font-weight:500;border:1px solid rgba(59,130,246,.2)}.footer{background:var(--bg-card);border-top:1px solid var(--border);padding:24px 20px}.footer-content{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}@media (max-width: 1200px){.projects-grid{grid-template-columns:repeat(2,1fr)}.featured-grid{grid-template-columns:1fr 1fr}.feature-main{grid-column:1 / -1}}@media (max-width: 768px){.title-main{font-size:1.5rem}.title-sub{font-size:1.125rem}.time{font-size:2rem}.projects-grid,.featured-grid{grid-template-columns:1fr}.feature-main{grid-column:1}.footer-content{flex-direction:column;gap:8px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.project-card:focus-visible,.feature-main:focus-visible,.quick-card:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}