:root{--bg-primary: #040406;--bg-secondary: #08080d;--accent-purple: hsl(265, 85%, 65%);--accent-purple-glow: hsla(265, 85%, 65%, .15);--accent-cyan: hsl(182, 85%, 55%);--accent-cyan-glow: hsla(182, 85%, 55%, .15);--accent-amber: hsl(38, 95%, 55%);--accent-amber-glow: hsla(38, 95%, 55%, .15);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .65);--text-muted: rgba(255, 255, 255, .4);--glass-bg: rgba(255, 255, 255, .02);--glass-bg-hover: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .05);--glass-border-hover: rgba(255, 255, 255, .12);--card-shadow: 0 20px 50px rgba(0, 0, 0, .4);--font-display: "Outfit", sans-serif;--font-sans: "Inter", sans-serif;--transition-smooth: all .5s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .25s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden;min-height:100vh}.bg-grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:99;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.glow-blob{position:absolute;border-radius:50%;filter:blur(140px);z-index:0;opacity:.35;pointer-events:none;mix-blend-mode:screen}.glow-1{width:50vw;height:50vw;background:radial-gradient(circle,var(--accent-purple) 0%,transparent 70%);top:-10%;left:-5%;animation:drift 20s infinite alternate ease-in-out}.glow-2{width:45vw;height:45vw;background:radial-gradient(circle,var(--accent-cyan) 0%,transparent 70%);bottom:-10%;right:-5%;animation:drift 25s infinite alternate-reverse ease-in-out;animation-delay:-5s}@keyframes drift{0%{transform:translate(0) scale(1)}50%{transform:translate(8%,5%) scale(1.1)}to{transform:translate(-5%,-8%) scale(.95)}}@keyframes pulse-glow{0%{box-shadow:0 0 #fff6;opacity:.6}70%{box-shadow:0 0 0 8px #fff0;opacity:1}to{box-shadow:0 0 #fff0;opacity:.6}}@keyframes holographic-flicker{0%{opacity:.85;filter:hue-rotate(0deg)}5%{opacity:.95}10%{opacity:.6}12%{opacity:.9}25%{opacity:.85}45%{opacity:.95}50%{opacity:.4}52%{opacity:.9}75%{opacity:.85;filter:hue-rotate(10deg)}to{opacity:.95;filter:hue-rotate(0deg)}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);transition:var(--transition-smooth)}.glass-panel:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.portfolio-container{position:relative;width:100%;max-width:1300px;margin:0 auto;padding:80px 24px;z-index:10;display:flex;flex-direction:column;min-height:100vh}header{margin-bottom:70px;text-align:center}.logo-tag{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.35em;text-transform:uppercase;color:var(--accent-cyan);margin-bottom:12px;display:inline-block;position:relative}.main-title{font-family:var(--font-display);font-size:clamp(38px,6vw,76px);font-weight:900;line-height:1.05;letter-spacing:-.03em;margin-bottom:20px;background:linear-gradient(135deg,#fff 30%,#ffffffb3 70%,#ffffff4d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-family:var(--font-sans);font-size:clamp(14px,2vw,18px);font-weight:300;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.portal-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;width:100%;margin-bottom:80px}.col-8{grid-column:span 8}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-12{grid-column:span 12}@media(max-width:968px){.col-8,.col-4,.col-6,.col-12{grid-column:span 12}.portal-grid{gap:20px}}.project-card{position:relative;border-radius:24px;padding:40px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;min-height:380px;text-decoration:none;color:inherit}.card-glow{position:absolute;width:250px;height:250px;border-radius:50%;top:-50px;right:-50px;filter:blur(60px);opacity:.15;transition:var(--transition-smooth);pointer-events:none}.project-card:hover .card-glow{opacity:.35;transform:scale(1.15) translate(-10px,10px)}.project-card.toonhub .card-glow{background:var(--accent-purple)}.project-card.hologram .card-glow{background:var(--accent-amber)}.project-card.about .card-glow{background:var(--accent-cyan)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.project-index{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:.05em;color:var(--text-muted)}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.status-dot{width:6px;height:6px;border-radius:50%}.toonhub .status-dot{background:var(--accent-purple);box-shadow:0 0 10px var(--accent-purple)}.hologram .status-dot{background:var(--accent-amber);animation:pulse-glow 2s infinite ease-in-out}.project-info{margin-top:auto}.project-title{font-family:var(--font-display);font-size:28px;font-weight:700;margin-bottom:12px;letter-spacing:-.01em}.project-desc{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:24px;font-weight:300}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:11px;font-weight:600;padding:6px 14px;border-radius:100px;background:#ffffff08;border:1px solid rgba(255,255,255,.04);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;transition:var(--transition-fast)}.tag:hover{background:#ffffff14;border-color:var(--accent-cyan);color:#fff}.project-card:hover{transform:translateY(-8px) scale(1.005)}.project-card.hologram{border:1px dashed rgba(255,255,255,.1);animation:holographic-flicker 12s infinite linear}.project-card.hologram:hover{border-style:solid;border-color:var(--accent-amber);animation-play-state:paused;opacity:1!important}.tech-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tech-pill{font-size:11px;font-weight:600;padding:6px 14px;border-radius:100px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:#fff;transition:var(--transition-fast)}.tech-pill:hover{background:#ffffff14;border-color:var(--accent-cyan)}.launch-action{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-top:24px;transition:var(--transition-fast)}.launch-action svg{transition:var(--transition-fast)}.project-card:hover .launch-action{color:var(--accent-cyan)}.project-card:hover .launch-action svg{transform:translate(6px);stroke:var(--accent-cyan)}footer{margin-top:auto;text-align:center;padding:40px 0 20px;border-top:1px solid rgba(255,255,255,.03);font-size:12px;color:var(--text-muted)}footer a{color:var(--text-secondary);text-decoration:none;transition:var(--transition-fast)}footer a:hover{color:#fff}