@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Poppins:wght@400;500;600;700&display=swap";:root{--color-bg:#0e0e0e;--color-panel:#161616;--color-panel-alt:#111;--color-white:#fff;--color-muted:#d4d4d4;--color-orange:#ff7a00;--shadow-soft:0 25px 65px #00000073;--radius-lg:24px;--radius-md:18px;--radius-sm:12px}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-white);min-height:100vh;margin:0;font-family:Poppins,Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}main{overflow:hidden}.app{flex-direction:column;gap:6rem;display:flex}.container{width:min(1200px,100% - 2.5rem);margin:0 auto}.section{animation:.8s ease-out both fadeUp;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--color-orange);margin-bottom:1rem;font-size:.8rem}.align-center{text-align:center}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.95rem 1.8rem;font-weight:600;transition:transform .2s,opacity .2s,box-shadow .2s;display:inline-flex}.btn.primary{color:#0e0e0e;background:linear-gradient(120deg,#ff7a00,#f97316);box-shadow:0 15px 35px #f9731659}.btn.ghost{color:var(--color-white);background:0 0;border-color:#ffffff4d}.btn.full-width{width:100%}.btn:hover{opacity:.9;transform:translateY(-3px)scale(1.02)}.profile-image-container{width:320px;height:400px;margin:0 auto;position:relative}.profile-image{object-fit:cover;border-radius:var(--radius-md);z-index:2;border:8px solid #ffffff1a;width:100%;height:100%;transition:all .3s;position:relative;box-shadow:0 20px 40px #0000004d}.profile-image:hover{transform:translateY(-5px);box-shadow:0 25px 50px #0006}.profile-frame{border:2px solid var(--color-orange);border-radius:var(--radius-md);z-index:1;opacity:.7;transition:all .3s;position:absolute;inset:-15px}.profile-image-container:hover .profile-frame{opacity:1;inset:-20px}.orb{filter:blur(15px);z-index:1;background:radial-gradient(circle,#ff7a004d 0%,#ff7a0000 70%);border-radius:50%;width:100px;height:100px;animation:8s ease-in-out infinite float;position:absolute}.orb:first-child{width:120px;height:120px;animation-delay:0s;top:10%;left:10%}.orb:nth-child(2){width:80px;height:80px;animation-delay:2s;bottom:10%;right:10%}.profile-chip{background:var(--color-panel);z-index:3;white-space:nowrap;border:1px solid #ffffff1a;border-radius:999px;padding:.8rem 1.5rem;position:absolute;bottom:-20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0003}.profile-chip p{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#ff7a00,#ff9a3c);-webkit-background-clip:text;background-clip:text;margin:0;font-size:.9rem;font-weight:500}.stat-stack{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;width:100%;margin-top:3rem;display:grid}.stat-card{border-radius:var(--radius-md);text-align:center;background:#ffffff08;border:1px solid #ffffff14;padding:1.2rem;transition:all .3s}.stat-card:hover{background:#ffffff0d;border-color:#ff7a004d;transform:translateY(-5px)}.stat-card .label{color:var(--color-muted);margin:0 0 .3rem;font-size:.8rem}.stat-card .value{color:var(--color-white);margin:0;font-size:1rem;font-weight:600}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.hero{background:radial-gradient(circle at 20% 20%,#ff7a0026,transparent 40%),radial-gradient(circle at 80% 0%,#f9731633,transparent 45%),var(--color-panel-alt);padding:8rem 0 5rem}.navbar{z-index:1000;background:0 0;width:100%;padding:1.5rem 0;transition:all .3s;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e0e0ed9;border-bottom:1px solid #ffffff0d;padding:1rem 0;box-shadow:0 4px 30px #0000001a}.navbar-container{justify-content:space-between;align-items:center;display:flex}.navbar .logo{letter-spacing:.08em;flex-direction:column;gap:.2rem;font-weight:700;display:flex}.navbar .logo span{font-size:1.2rem}.navbar ul{gap:2rem;margin:0;padding:0;list-style:none;display:flex}.navbar a{opacity:.85;font-size:.95rem;font-weight:500;transition:all .2s}.navbar a:hover{opacity:1;color:var(--color-orange)}.hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;padding:0;display:none}.hamburger span{background:var(--color-white);border-radius:2px;width:100%;height:3px;transition:all .3s;display:block}.hamburger.active span:first-child{transform:translateY(8.5px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8.5px)rotate(-45deg)}.hero-content{grid-template-rows:auto 1fr auto;grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem 3rem;padding-top:2.5rem;display:grid}.hero-eyebrow{grid-area:1/1}.hero-text{grid-area:2/1/4}.hero-visual{grid-area:1/2/3}.stat-stack{grid-area:3/2}.hero-text h1{margin:0 0 .8rem;font-size:clamp(2.5rem,6vw,4rem);line-height:1.1}.hero-text .subtitle{color:var(--color-muted);margin-bottom:1.5rem;font-size:1.05rem}.hero-text .description{color:#ffffffd9;margin-bottom:2rem}.hero-cta{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.hero-badges{flex-wrap:wrap;gap:.8rem;display:flex}.hero-badges .badge{color:#ff7a00;background:#ff7a0026;border:1px solid #ff7a004d;border-radius:999px;padding:.4rem 1rem;font-size:.85rem;font-weight:500;transition:all .3s}.hero-badges .badge:hover{background:#ff7a0040;transform:translateY(-2px)}.hero-visual{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative}.hero-visual .orb{width:100%;max-width:340px;height:360px;box-shadow:var(--shadow-soft);filter:drop-shadow(0 30px 60px #00000080)blur(60px);z-index:-1;background:linear-gradient(160deg,#ff7a0066,#f973161a);border-radius:35px;animation:6s ease-in-out infinite float;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:3rem;display:grid}.about-visual{border-radius:var(--radius-lg);background:linear-gradient(160deg,#ff7a004d,#ffffff0d);justify-content:center;align-items:center;min-height:320px;display:flex;position:relative;overflow:hidden}.avatar{width:180px;height:180px;color:var(--color-bg);background:var(--color-white);border:3px solid #fff3;border-radius:50%;place-items:center;font-size:2rem;font-weight:700;display:grid}.ring{border:1px solid #fff3;border-radius:50%;position:absolute}.ring-lg{width:320px;height:320px}.ring-sm{width:240px;height:240px}.about-text h2{margin-top:0;margin-bottom:1.5rem;font-size:clamp(1.8rem,4vw,2.7rem)}.about-copy p{color:#ffffffe0;margin-bottom:1rem}.badge-list{flex-wrap:wrap;gap:.7rem;margin-top:1.5rem;display:flex}.badge-list span{border-radius:var(--radius-sm);background:#ff7a001f;border:1px solid #ff7a0059;padding:.45rem 1.1rem;font-size:.85rem}.skills-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:3rem;display:grid}.skill-card{background:var(--color-panel);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);border:1px solid #ffffff0d;padding:1.8rem;transition:transform .25s}.skill-card:hover{transform:translateY(-6px)scale(1.01)}.skill-card .card-head{align-items:center;gap:.75rem;margin-bottom:.8rem;display:flex}.skill-card .dot{background:var(--color-orange);border-radius:50%;width:12px;height:12px;box-shadow:0 0 12px #ff7a00cc}.skill-card h3{margin:0}.skill-card p{color:#ffffffbf}.tools-list{flex-wrap:wrap;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.tool-item{text-align:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;width:80px;padding:.8rem;transition:all .2s;display:flex}.tool-item:hover{background:#ffffff14;border-color:#ff7a004d;transform:translateY(-3px)}.tool-icon{object-fit:contain;width:32px;height:32px}.invert-white{filter:brightness(0)invert()}.tool-item span{color:var(--color-muted);font-size:.75rem;line-height:1.2}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:2rem;margin-top:2.5rem;display:grid}.portfolio-card{background:linear-gradient(145deg,#ff7a001f,#ff7a000a,#ffffff0a),var(--color-panel);border-radius:var(--radius-md);border:1px solid #ffffff0f;flex-direction:column;display:flex;position:relative;overflow:hidden}.portfolio-image-wrapper{border-bottom:1px solid #ffffff0d;width:100%;height:280px;overflow:hidden}.portfolio-image-wrapper img{object-fit:cover;width:100%;height:100%}.portfolio-content{flex-direction:column;flex:1;gap:.8rem;padding:1.5rem;display:flex}.portfolio-content h3{margin:0;font-size:1.2rem}.portfolio-content p{color:#ffffffbf;flex:1;margin:0}.portfolio-link{color:var(--color-orange);margin-top:auto;font-weight:600}.portfolio-link:hover{text-decoration:underline}.portfolio-card .card-chip{letter-spacing:.08em;background:#ffffff14;border-radius:999px;align-self:flex-start;padding:.35rem .9rem;font-size:.8rem}.timeline{flex-direction:column;gap:1.5rem;margin-top:3rem;display:flex;position:relative}.timeline-item{padding-left:3rem;position:relative}.timeline-line{background:linear-gradient(#ff7a0080,#fff0);width:2px;position:absolute;top:0;bottom:-1.5rem;left:12px}.timeline-item:last-child .timeline-line{bottom:0}.timeline-content{background:var(--color-panel);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);border:1px solid #ffffff0d;gap:1.5rem;padding:1.5rem;display:flex}.timeline-index{background:#ff7a0033;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:600;display:grid}.timeline-period{color:var(--color-muted);margin-bottom:.5rem;font-size:.9rem}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.contact-card{background:var(--color-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid #ffffff0d;padding:2rem}.contact-form{flex-direction:column;gap:1rem;display:flex}.contact-form label{color:var(--color-muted);flex-direction:column;gap:.4rem;font-size:.9rem;display:flex}.contact-form input,.contact-form textarea{border-radius:var(--radius-sm);color:var(--color-white);background:#ffffff0a;border:1px solid #ffffff26;padding:.85rem 1rem;font-family:inherit}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--color-orange);outline:none}.contact-links{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.contact-link{border-radius:var(--radius-md);background:#ffffff0a;border:1px solid #ffffff0f;align-items:center;gap:1rem;padding:1.2rem;transition:transform .2s;display:flex}.contact-link:hover{transform:translateY(-4px)}.contact-link .icon{width:40px;height:40px;color:var(--color-orange);background:#f9731626;border-radius:12px;place-items:center;display:grid}.contact-link svg{width:22px;height:22px}.contact-link span{color:var(--color-muted);white-space:pre-line;word-break:break-word;font-size:.85rem}.footer{margin-top:2rem;padding:2rem 0}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-line{background:linear-gradient(90deg,#ff7a0000,#ff7a00e6,#ff7a0000);flex:1;height:1px}@keyframes fadeUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.section,.hero-visual .orb{animation:none}}@media (max-width:768px){.hamburger{display:flex}.navbar-container{position:relative}.navbar ul{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#0e0e0efa;border:1px solid #ffffff1a;border-top:none;border-radius:0 0 16px 16px;flex-direction:column;gap:0;max-height:0;padding:1.5rem;transition:all .3s;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 10px 30px #0000004d}.navbar ul.nav-open{opacity:1;pointer-events:all;max-height:400px;padding:1.5rem}.navbar ul li{border-bottom:1px solid #ffffff0d}.navbar ul li:last-child{border-bottom:none}.navbar ul a{padding:1rem 0;font-size:1rem;display:block}.navbar .logo span{font-size:1.1rem}.hero{padding:6rem 0 2rem}.hero-content{flex-direction:column;gap:1.5rem;padding-top:.5rem;display:flex}.hero-eyebrow{text-align:center;order:1}.hero-visual{order:2}.hero-text{text-align:center;order:3}.stat-stack{order:4}.hero-text h1{font-size:clamp(1.8rem,8vw,2.5rem)}.hero-text .subtitle{font-size:.95rem}.hero-cta{flex-direction:column;gap:.8rem}.hero-cta .btn{justify-content:center;width:100%}.hero-badges{justify-content:center}.hero-visual{min-height:280px}.profile-image-container{width:180px;height:220px}.profile-frame{inset:-8px}.hero-visual{flex-direction:column;align-items:center;display:flex}.profile-chip{text-align:center;background:var(--color-panel);z-index:5;margin-top:1.2rem;margin-bottom:1.5rem;padding:.6rem 1rem;position:static;transform:none}.profile-chip p{margin:0;font-size:.65rem}.stat-stack{grid-template-columns:repeat(3,1fr);gap:.4rem;width:100%;margin-top:.5rem;position:static}.stat-card{padding:.5rem .3rem}.stat-card .label{margin-bottom:.1rem;font-size:.5rem}.stat-card .value{font-size:.65rem}.about-visual{min-height:250px}.avatar{width:120px;height:120px;font-size:1.5rem}.ring-lg{width:220px;height:220px}.ring-sm{width:170px;height:170px}.skills-grid{gap:1rem}.skill-card{padding:1.2rem}.tools-list{gap:.6rem}.tool-item{width:65px;padding:.6rem}.tool-icon{width:24px;height:24px}.tool-item span{font-size:.65rem}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.portfolio-image-wrapper{height:100px}.portfolio-content{gap:.3rem;padding:.5rem}.portfolio-content h3{margin:0;font-size:.7rem;line-height:1.2}.portfolio-content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.55rem;line-height:1.2;display:-webkit-box;overflow:hidden}.portfolio-card .card-chip{padding:.1rem .3rem;font-size:.45rem}.portfolio-link{font-size:.55rem}.timeline{gap:1rem}.timeline-item{padding-left:1.5rem}.timeline-line{left:8px}.timeline-content{flex-direction:column;gap:.8rem;padding:1rem}.timeline-index{width:36px;height:36px;font-size:.85rem}.timeline-content h3{font-size:1rem}.timeline-content p{font-size:.9rem}.contact-grid{gap:1.5rem}.contact-card{padding:1.5rem}.contact-card h2{font-size:1.3rem}.contact-links{grid-template-columns:1fr}.contact-link{padding:1rem}.footer-content{text-align:center;flex-direction:column}.footer-line{width:100%;margin:.5rem 0}.admin-layout{flex-direction:column}.admin-sidebar{flex-flow:wrap;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:1rem}.admin-brand h3{margin-bottom:0;font-size:1.2rem}.admin-sidebar nav{flex-flow:wrap;order:3;gap:.5rem;width:100%;margin-top:.5rem}.admin-sidebar nav a{gap:6px;padding:8px 12px;font-size:.85rem}.admin-sidebar nav a svg{width:16px;height:16px}.logout-btn{margin-top:0;padding:8px}.admin-content{padding:1rem}.admin-manager-header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-manager-header h2{font-size:1.2rem}.admin-btn-add{justify-content:center;width:100%}.admin-data-item{flex-direction:column;align-items:flex-start;gap:1rem}.admin-item-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.admin-stats-grid{grid-template-columns:1fr;gap:1rem}.admin-stat-card{padding:1.5rem}.stat-number{font-size:2rem}.admin-form-modal{width:95%;max-height:90vh;padding:1.5rem;overflow-y:auto}.admin-form-actions{flex-direction:column}.admin-form-actions button{width:100%}.login-box{margin:1rem;padding:2rem}.g-recaptcha{transform-origin:50%;transform:scale(.9)}}@media (max-width:480px){.container{width:calc(100% - 1.5rem)}.app{gap:4rem}.hero-text h1{font-size:1.6rem}.btn{padding:.8rem 1.4rem;font-size:.9rem}.navbar{padding:1rem 0}.navbar ul{gap:.5rem;font-size:.75rem}.navbar .logo span{font-size:.9rem}.profile-image-container{width:200px;height:250px}.stat-stack{grid-template-columns:1fr}.eyebrow{font-size:.7rem}h2{font-size:1.4rem}.badge-list span{padding:.35rem .8rem;font-size:.75rem}.tool-item{width:55px;padding:.5rem}.tool-icon{width:20px;height:20px}.tool-item span{font-size:.6rem}.contact-link .icon{width:35px;height:35px}.contact-link svg{width:18px;height:18px}.admin-sidebar nav a{padding:6px 10px;font-size:.75rem}.admin-sidebar nav a svg{display:none}.admin-data-item h3{font-size:.95rem}.g-recaptcha{transform:scale(.77)}}.admin-layout{background-color:var(--color-background);min-height:100vh;display:flex}.admin-sidebar{background-color:#1a1a2e;border-right:1px solid #ffffff1a;flex-direction:column;width:250px;padding:2rem;display:flex}.admin-brand h3{color:var(--color-primary);margin-bottom:3rem;font-size:1.5rem}.admin-sidebar nav{flex-direction:column;flex:1;gap:1rem;display:flex}.admin-sidebar nav a{color:var(--color-text-secondary);border-radius:8px;align-items:center;gap:10px;padding:10px;text-decoration:none;transition:all .3s;display:flex}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{color:var(--color-primary);background-color:#64ffda1a}.logout-btn{color:#ff6b6b;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;margin-top:auto;padding:10px;display:flex}.admin-content{flex:1;padding:2rem;overflow-y:auto}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:2rem;display:grid}.admin-stat-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.admin-stat-card h3{color:var(--color-text-secondary);font-size:1rem}.stat-number{color:var(--color-primary);margin-top:.5rem;font-size:2.5rem;font-weight:700}.admin-login-container{background-color:var(--color-background);justify-content:center;align-items:center;height:100vh;display:flex}.login-box{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:100%;max-width:400px;padding:3rem}.login-box h2{text-align:center;color:var(--color-primary);margin-bottom:2rem}.login-box form{flex-direction:column;gap:1.5rem;display:flex}.login-box input{color:#fff;background:#0003;border:1px solid #ffffff1a;border-radius:6px;padding:12px}.login-box button{background:var(--color-primary);color:var(--color-background);cursor:pointer;border:none;border-radius:6px;margin-top:1rem;padding:12px;font-weight:600}.admin-manager-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.admin-btn-add{background:var(--color-primary);color:var(--color-background);cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-weight:600}.admin-data-list{flex-direction:column;gap:1rem;display:flex}.admin-data-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.admin-item-actions{gap:10px;display:flex}.admin-btn-delete{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:4px;align-items:center;gap:4px;padding:5px 10px;display:flex}.admin-btn-edit{color:#fff;cursor:pointer;background:#6c5ce7;border:none;border-radius:4px;align-items:center;gap:4px;padding:5px 10px;text-decoration:none;display:flex}.admin-btn-link{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:4px;align-items:center;gap:4px;padding:5px 10px;text-decoration:none;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#ffffffb3;font-size:.85rem}.admin-form-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.admin-form-modal{border:1px solid var(--color-primary);background:#1a1a2e;border-radius:12px;width:90%;max-width:500px;padding:2rem}.admin-form-modal h2{margin-bottom:1.5rem}.admin-form-modal form{flex-direction:column;gap:1rem;display:flex}.admin-form-modal input,.admin-form-modal textarea{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:4px;padding:10px}.admin-form-actions{justify-content:flex-end;gap:10px;margin-top:1rem;display:flex}.admin-btn-cancel{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:4px;padding:8px 16px}