.hero{position:relative;min-height:75vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--nav-height) + 40px) 24px 60px;overflow:hidden}.hero-bg-effects{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:orbFloat 12s ease-in-out infinite}.hero-orb-1{width:500px;height:500px;background:#9333ea33;top:-10%;left:-5%;animation-delay:0s}.hero-orb-2{width:350px;height:350px;background:#a855f726;top:30%;right:-8%;animation-delay:-4s}.hero-orb-3{width:250px;height:250px;background:#6d28d933;bottom:10%;left:30%;animation-delay:-8s}.hero-content{position:relative;z-index:1;max-width:var(--max-width);width:100%;display:flex;flex-direction:column;align-items:center;gap:32px}.hero-text{text-align:center;max-width:720px}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;margin-bottom:20px}.hero-description{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:32px}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.hero-time{font-size:.9rem;color:var(--text-muted);font-weight:500;margin-top:8px}.hero-scroll-indicator{position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.scroll-line{width:2px;height:40px;background:linear-gradient(to bottom,var(--purple-400),transparent);border-radius:1px;animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.content-section{padding:48px 0}.content-section h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.02em;margin-bottom:20px}.content-section p{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:12px}.content-section p:last-child{margin-bottom:0}.skills-grid{display:flex;flex-direction:column;gap:12px}.skill-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all .3s var(--ease-out)}.skill-item:hover{background:var(--bg-card-hover);border-color:var(--border-default);transform:translate(4px)}.skill-left{display:flex;align-items:center;gap:14px}.skill-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border-radius:var(--radius-sm);flex-shrink:0}.skill-icon img{width:32px;height:32px;object-fit:contain}.skill-info h3{font-size:.95rem;font-weight:700;letter-spacing:-.01em}.skill-info p{font-size:.8rem;color:var(--text-muted);margin-bottom:0}.skill-years{font-size:.8rem;color:var(--text-muted);font-weight:500;white-space:nowrap}.page-header{padding:calc(var(--nav-height) + 40px) 24px 20px;text-align:center}.page-header h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;margin-bottom:12px}.page-header p{font-size:1.05rem;color:var(--text-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.project-card{position:relative;padding:28px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all .4s var(--ease-out);overflow:hidden;cursor:pointer}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-brand);opacity:0;transition:opacity .3s ease}.project-card:hover{background:var(--bg-card-hover);border-color:var(--border-default);transform:translateY(-4px);box-shadow:var(--glow-md)}.project-card:hover:before{opacity:1}.project-card h3{font-size:1.1rem;font-weight:700;margin-bottom:8px;letter-spacing:-.01em}.project-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.commission-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.commission-price,.commission-revenue{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);background:#9333ea26;border:1px solid var(--border-subtle);font-size:.8rem;font-weight:600;color:var(--purple-300);white-space:nowrap}.robux-icon{width:14px;height:14px}.project-detail-header h1{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800;letter-spacing:-.03em;margin-bottom:24px}.project-detail-content{max-width:760px;margin:0 auto}.project-detail-content p{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:16px}.project-detail-content ul{list-style:none;padding:0;margin-bottom:16px}.project-detail-content li{position:relative;padding:12px 16px 12px 24px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:8px;font-size:.95rem;line-height:1.6;color:var(--text-secondary)}.project-detail-content li:before{content:"▸";position:absolute;left:10px;color:var(--purple-400);font-weight:700}.project-detail-content img{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);margin:16px 0}.back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-default);color:var(--text-secondary);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s var(--ease-out);margin-bottom:24px}.back-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-card-hover);transform:translate(-4px)}.socials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.social-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:28px 20px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all .4s var(--ease-out);cursor:pointer}.social-card:hover{background:var(--bg-card-hover);border-color:var(--border-default);transform:translateY(-4px);box-shadow:var(--glow-md)}.social-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.social-icon img{width:36px;height:36px}.social-card h3{font-size:1.05rem;font-weight:700}.social-handle{font-size:.8rem;color:var(--text-muted);margin:0}.social-description{font-size:.85rem;color:var(--text-secondary);margin:0}.donation-container{display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.donation-column{flex:1;min-width:280px;max-width:500px}.donation-column h2{font-size:1.3rem;font-weight:800;margin-bottom:16px;text-align:center;letter-spacing:-.02em}.donation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.donation-button{display:flex;align-items:center;justify-content:center;padding:12px 8px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);font-weight:600;font-size:.85rem;transition:all .3s var(--ease-out);text-align:center}.donation-button:hover{background:var(--bg-card-hover);border-color:var(--purple-400);transform:translateY(-2px);box-shadow:var(--glow-sm);color:var(--purple-300)}.specs-grid{display:flex;flex-direction:column;gap:10px}.spec-item{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all .3s var(--ease-out)}.spec-item:hover{background:var(--bg-card-hover);border-color:var(--border-default);transform:translate(4px)}.spec-key{display:flex;align-items:center;gap:10px;font-weight:600;font-size:.9rem;color:var(--text-primary)}.spec-icon{width:22px;height:22px;filter:brightness(0) invert(1);opacity:.65}.spec-value{font-size:.85rem;color:var(--text-secondary);text-align:right}@media(max-width:768px){.hero{min-height:60vh;padding:calc(var(--nav-height) + 20px) 20px 40px}.hero-title{font-size:1.8rem}.hero-description{font-size:1rem}.projects-grid,.socials-grid{grid-template-columns:1fr}.donation-container{flex-direction:column;align-items:center}.spec-item{flex-direction:column;align-items:flex-start;gap:6px}.spec-value{text-align:left}}@media(max-width:480px){.hero-actions{flex-direction:column;width:100%;max-width:300px;margin:0 auto}.btn{justify-content:center;width:100%}.page-header{padding:calc(var(--nav-height) + 24px) 16px 16px}}
