.hero-gradient-bg{background:radial-gradient(80% 80% at 50% -20%,#7877c64d,#fff0)}.dark .hero-gradient-bg{background:radial-gradient(80% 80% at 50% -20%,#7877c626,#0000)}.certificate-frame{background:linear-gradient(to bottom right,#18181b,#0a0a0b);border:2px solid #f9731666;position:relative}.dark .certificate-frame{background:linear-gradient(to bottom right,#09090b,#000)}.certificate-corner{pointer-events:none;border-color:#f9731699;position:absolute}.skill-card-glow{transition:all .3s;position:relative}.skill-card-glow:before{content:"";border-radius:inherit;opacity:0;background:linear-gradient(45deg,#0000,#f973164d,#0000);transition:opacity .3s;position:absolute;inset:-2px}.skill-card-glow:hover:before{opacity:1}.project-image-overlay{opacity:0;background:linear-gradient(#0000,#000c);transition:opacity .3s;position:absolute;inset:0}.project-card:hover .project-image-overlay{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.6s ease-out forwards fadeInUp}.hover-scale{transition:transform .3s}.hover-scale:hover{transform:scale(1.05)}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.dark .glass-effect{background:#0000004d;border:1px solid #ffffff1a}.text-gradient{background:linear-gradient(90deg,#f97316,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.reveal{opacity:0;transition:all .6s;transform:translateY(20px)}.reveal.active{opacity:1;transform:translateY(0)}
.classic-skin-red{--classic-skin:#ec1839}.classic-skin-blue{--classic-skin:#007bff}.classic-skin-green{--classic-skin:#09b850}.classic-skin-orange{--classic-skin:#ff5400}.classic-skin-yellow{--classic-skin:#fab701}.classic-portfolio{background:var(--classic-bg-900,#f2f2fc);min-height:100vh;font-family:Poppins,sans-serif}.classic-portfolio *{box-sizing:border-box}.classic-section-overlay{z-index:0;opacity:0;pointer-events:none;position:fixed;inset:0 0 0 270px;overflow-y:auto}@media (max-width:1199px){.classic-section-overlay{left:0}}.classic-section-overlay.active{z-index:2;opacity:1;pointer-events:auto;animation:.5s classic-slide-in}.classic-section-overlay.back-section{z-index:1;opacity:1;pointer-events:none}@keyframes classic-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.classic-section{background:var(--classic-bg-900,#f2f2fc);color:var(--classic-text-900,#302e4d);min-height:100%}.classic-sidebar{z-index:20;height:100%;position:fixed;top:0;left:0}@media (max-width:1199px){.classic-sidebar{transition:left .3s;left:-270px}.classic-sidebar.is-open{left:0}.classic-nav-toggle{display:flex!important}}.classic-logo-link{letter-spacing:.1em;color:var(--classic-text-900,#302e4d);padding:12px 22px;font-size:2rem;font-weight:700;text-decoration:none;display:inline-block;position:relative}.classic-logo-link:before{content:"";border-bottom:4px solid var(--classic-skin,#ec1839);border-left:4px solid var(--classic-skin,#ec1839);border-top:none;border-right:none;width:22px;height:22px;display:block;position:absolute;bottom:0;left:0}.classic-logo-link:after{content:"";border-top:4px solid var(--classic-skin,#ec1839);border-right:4px solid var(--classic-skin,#ec1839);border-bottom:none;border-left:none;width:22px;height:22px;display:block;position:absolute;top:0;right:0}.classic-nav-link:hover,.classic-nav-link:hover .classic-nav-icon,.classic-nav-link.active,.classic-nav-link.active .classic-nav-icon{color:var(--classic-skin,#ec1839)!important}.classic-switcher{background:var(--classic-bg-100,#fdf9ff);border:1px solid var(--classic-bg-50,#e8dfec);z-index:101;border-right:none;border-radius:10px 0 0 10px;width:250px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:72px;right:0;overflow:visible;transform:translate(100%);box-shadow:-6px 0 24px #0000001f}.classic-switcher.is-open{transform:translate(0)}.classic-switcher-btn{background:var(--classic-bg-100,#fdf9ff);border:1px solid var(--classic-bg-50,#e8dfec);cursor:pointer;width:42px;height:42px;color:var(--classic-text-900,#302e4d);border-radius:50%;justify-content:center;align-items:center;transition:color .2s,box-shadow .2s;display:flex;position:absolute;right:calc(100% + 12px);box-shadow:-3px 0 12px #0000001a}.classic-switcher-btn:hover{color:var(--classic-skin,#ec1839);box-shadow:-3px 0 16px #0000002e}.classic-switcher-toggle{top:0}.classic-switcher-daynight{top:54px}@keyframes classic-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.classic-switcher-toggle svg{animation:1s linear infinite classic-spin}.classic-switcher-inner{flex-direction:column;gap:18px;padding:18px 16px 20px;display:flex}.classic-switcher-label{letter-spacing:.12em;text-transform:uppercase;color:var(--classic-text-700,#504e70);opacity:.7;margin:0 0 8px;font-size:10px;font-weight:700}.classic-switcher-divider{background:var(--classic-bg-50,#e8dfec);height:1px;margin:0 -16px}.classic-switcher-mode-row{justify-content:space-between;align-items:center;display:flex}.classic-switcher-mode-label{color:var(--classic-text-900,#302e4d);font-size:13px;font-weight:500}.classic-switcher-mode-pill{background:var(--classic-bg-50,#e8dfec);cursor:pointer;color:var(--classic-text-900,#302e4d);border:none;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;transition:background .2s,color .2s;display:flex}.classic-switcher-mode-pill:hover{color:var(--classic-skin,#ec1839)}.classic-switcher-swatches{flex-wrap:wrap;gap:10px;display:flex}.classic-switcher-swatch{cursor:pointer;border:3px solid #0000;border-radius:50%;outline:none;flex-shrink:0;width:32px;height:32px;transition:transform .15s,box-shadow .15s}.classic-switcher-swatch:hover{transform:scale(1.15)}.classic-switcher-swatch.active{box-shadow:0 0 0 3px var(--classic-bg-100,#fdf9ff),0 0 0 5px currentColor}.classic-skin-text{color:var(--classic-skin,#ec1839)!important}.classic-skin-bg{background:var(--classic-skin,#ec1839)!important}.classic-skin-border{border-color:var(--classic-skin,#ec1839)!important}.classic-home-photo-frame-tr{border-top:10px solid var(--classic-skin,#ec1839);border-right:10px solid var(--classic-skin,#ec1839)}.classic-home-photo-frame-bl{border-bottom:10px solid var(--classic-skin,#ec1839);border-left:10px solid var(--classic-skin,#ec1839)}