.portfolio-main{background:radial-gradient(1200px 600px at 50% -10%,rgba(96,165,250,.08),transparent),linear-gradient(180deg,#0b0f19,#0e1324);color:#e5e7eb}#nn-bg{position:fixed;inset:0;z-index:0;pointer-events:none}.hero-section{text-align:center;margin-bottom:7rem;padding-top:4rem;position:relative}.hero-section:after{content:"";position:absolute;left:50%;bottom:-40px;transform:translate(-50%);width:120px;height:1px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.6),transparent)}.skill-header{cursor:pointer;position:relative;padding-right:1.5rem}.skill-header:after{content:"›";position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(0);opacity:.6;transition:transform .25s ease,opacity .25s ease}details[open] .skill-header:after{transform:translateY(-50%) rotate(90deg);opacity:1}.hero-title{font-size:clamp(2.2rem,5vw,3rem);font-weight:800;letter-spacing:-.04em}.highlight{color:#60a5fa;text-shadow:0 0 18px rgba(96,165,250,.25)}.highlight:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;background:#60a5fa66}.hero-subtitle{font-size:1.05rem;color:#9ca3af;max-width:620px;margin:.5rem auto 0;line-height:1.6}.project-link{color:var(--accent);font-weight:600;text-decoration:none;transition:color .2s}.project-link:hover{text-decoration:underline}.about-section{max-width:860px;margin:0 auto 7rem;padding:2.6rem;border-radius:18px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.08)}.section-title{font-size:1.75rem;margin-bottom:1.6rem;position:relative;padding-left:1rem}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:#60a5fa;border-radius:2px}.about-content{line-height:1.9;color:#d1d5db}.age-highlight{color:#93c5fd;font-weight:600}.skills-section{max-width:1200px;margin:0 auto 7rem;padding:2.6rem;border-radius:18px}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2.5rem}.skill-category{padding:1.8rem;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);position:relative;overflow:hidden}.skill-category:before{content:"";position:absolute;inset:0;background:radial-gradient(300px 300px at var(--x, 50%) var(--y, 50%),rgba(96,165,250,.12),transparent 60%);opacity:0;transition:opacity .25s ease;pointer-events:none}.skill-category:hover:before{opacity:1}.category-title{font-size:1.15rem;font-weight:600;color:#bfdbfe;margin-bottom:1.3rem;letter-spacing:.02em}.skills-list{display:flex;flex-direction:column;gap:1.2rem}.skill-item{width:100%}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.skill-name{font-weight:500;color:#e5e7eb}.skill-percentage{font-size:.9rem;color:#9ca3af;font-weight:600}.progress-bar{height:4px;background:#ffffff1f;border-radius:999px}.progress-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#3b82f6);border-radius:999px}.footer{display:flex;align-items:center;justify-content:center;height:80px;color:#9ca3af;border-top:1px solid rgba(255,255,255,.06)}.about-content p:first-child{font-size:1.05rem;color:#f1f5f9}.about-content p{color:#d1d5db}@media(max-width:768px){.hero-title{font-size:1.8rem}.hero-subtitle{font-size:1rem}.skills-container{grid-template-columns:1fr}.about-section{padding:1.5rem}}