@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-dark);opacity:.9;z-index:-4}.animate-float{animation:float 6s ease-in-out infinite}.bg-glow-blob{display:none}.blob-1{width:500px;height:500px;background:#0ea5e9;top:-100px;left:-100px;animation:float 10s ease-in-out infinite}.blob-2{width:600px;height:600px;background:#6366f1;bottom:-200px;right:-200px;animation:float 12s ease-in-out infinite reverse}:root{--bg-dark: #000000;--bg-card: rgba(25, 20, 20, .6);--bg-input: rgba(255, 255, 255, .05);--bg-nav: rgba(0, 0, 0, .8);--primary: #f97316;--primary-glow: rgba(249, 115, 22, .4);--accent-purple: #ec4899;--accent-cyan: #e11d48;--text-main: #fff1f2;--text-muted: #9ca3af;--border-color: rgba(249, 115, 22, .15);--nav-height: 70px;--glass-blur: blur(16px);--card-shadow: 0 8px 32px 0 rgba(0, 0, 0, .5)}.light-theme{--bg-dark: #f8fafc;--bg-card: #ffffff;--bg-input: #ffffff;--bg-nav: rgba(255, 255, 255, .95);--primary: #ea580c;--primary-glow: rgba(234, 88, 12, .25);--accent-purple: #db2777;--accent-cyan: #be123c;--text-main: #0F172A;--text-muted: #334155;--border-color: #E2E8F0;--card-shadow: 0 2px 8px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04)}.light-theme #about h2{background-image:linear-gradient(90deg,#0284c7,#2563eb,#0284c7)}.light-theme #skills h2{background-image:linear-gradient(90deg,#7c3aed,#db2777,#7c3aed)}.light-theme #work h2{background-image:linear-gradient(90deg,#2563eb,#4f46e5,#2563eb)}.light-theme #demo h2{background-image:linear-gradient(90deg,#059669,#10b981,#059669)}.light-theme #certificates h2{background-image:linear-gradient(90deg,#d97706,#ca8a04,#d97706)}.light-theme #contact h2{background-image:linear-gradient(90deg,#e11d48,#ea580c,#e11d48)}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}img,svg,.icon-box,.edu-icon-large,.project-img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;caret-color:transparent;outline:none;-webkit-tap-highlight-color:transparent}.clickable-img{pointer-events:auto}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:5px;border:2px solid var(--bg-dark)}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}html{width:100%;overflow-x:hidden}body{width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden;overflow-y:visible!important}@media(min-width:1024px){html,body,#root,.app{cursor:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2L26 14L16 16L12 26L4 2Z' fill='%23f97316' stroke='%23ffffff' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 2 2,auto}a,button,input,textarea,select,.clickable{cursor:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2L26 14L16 16L12 26L4 2Z' fill='%23f97316' stroke='%23ffffff' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 2 2,pointer!important}}body{background-color:var(--bg-dark);color:var(--text-main);background-image:none;min-height:100vh;transition:background-color .4s ease,color .4s ease}.light-theme body{background-image:linear-gradient(120deg,#f8fafc,#f1f5f9);background-attachment:fixed;background-color:var(--bg-dark);color:var(--text-muted)}.light-theme .hero-title,.light-theme .hero-subtitle,.light-theme .stat-num,.light-theme .section h2{color:var(--text-main)}.light-theme .text-muted{color:var(--text-muted)}.app{max-width:100%;margin:0 auto;min-height:100vh;position:relative;overflow:visible!important;transition:background-color .4s ease}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;max-width:1200px;margin:auto}.light-theme .header{background:var(--bg-nav);border-bottom:1px solid var(--border-color)}.light-theme h1,.light-theme h2,.light-theme h3,.light-theme h4,.light-theme h5,.light-theme h6{color:#0f172a}.logo-container{display:flex;align-items:center;gap:10px}.logo-icon{background:var(--primary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#fff}.brand{font-weight:700;font-size:20px;letter-spacing:-.5px}.desktop-nav{display:none;gap:32px}@media(min-width:1024px){.desktop-nav{display:flex}}.desktop-nav a{text-decoration:none;color:var(--text-muted);font-weight:500;transition:color .2s;font-size:16px}.desktop-nav a:hover{color:var(--primary)}.icon-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-main);position:relative;cursor:pointer;padding:12px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:#ffffff1a;border-color:var(--primary);color:var(--primary);transform:rotate(15deg) scale(1.1);box-shadow:0 0 15px var(--primary-glow)}.light-theme .icon-btn{background:#ea580c12;border:1px solid rgba(234,88,12,.15);color:var(--text-main)}.light-theme .icon-btn:hover{background:#ea580c1f;border-color:var(--primary);color:var(--primary);transform:rotate(15deg) scale(1.1);box-shadow:0 0 12px #ea580c33}.dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--primary);border-radius:50%;border:2px solid var(--bg-dark)}.hero{padding:80px 40px;max-width:100%;margin:0 auto;min-height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:center}.hero-content{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:60px;margin-bottom:60px;overflow:hidden}.hero-text-content{text-align:left}.profile-container{display:flex;justify-content:center;align-items:center}.profile-img-wrapper{position:relative;padding:6px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#3b82f6);box-shadow:0 0 60px var(--primary-glow);transition:all .5s ease-in-out;caret-color:transparent;outline:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.profile-img-wrapper:focus,.profile-img:focus{outline:none}.profile-img-wrapper:hover{transform:scale(1.02);box-shadow:0 0 80px var(--primary-glow)}.profile-img{width:250px;height:250px;border-radius:50%;border:4px solid var(--bg-dark);object-fit:cover;display:block;caret-color:transparent;outline:none;-webkit-user-select:none;user-select:none;pointer-events:none}.verified-badge{position:absolute;bottom:20px;right:20px;background:var(--bg-dark);border-radius:50%;padding:6px;transform:scale(1.5)}.hero-title{font-size:64px;line-height:1.1;font-weight:800;margin-bottom:24px}.typing-text{display:inline-block;overflow:hidden;border-right:4px solid var(--accent-cyan);white-space:nowrap;animation:typing 3s steps(30,end),blink-caret .75s step-end infinite;max-width:100%}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--accent-cyan)}}.text-gradient{background:linear-gradient(90deg,var(--accent-purple),var(--accent-cyan),var(--primary));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(236,72,153,.3)}.hero-bio{color:var(--text-muted);font-size:18px;line-height:1.6;margin-bottom:32px;max-width:500px}.hero-centered-content{text-align:center;max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;padding:120px 20px}.welcome-tag{font-size:16px;font-weight:700;letter-spacing:3px;margin-bottom:30px;background:linear-gradient(90deg,var(--accent-purple),var(--accent-cyan));-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase}.hero-title{font-size:64px;line-height:1.1;font-weight:600;margin-bottom:24px;letter-spacing:-2px}.hero-subtitle{font-size:20px;color:var(--text-muted);font-weight:300;margin-bottom:60px;max-width:600px;line-height:1.4}.hero-buttons{display:flex;gap:20px;justify-content:flex-start}@media(max-width:599px){.hero-buttons{justify-content:center}}.btn{padding:14px 32px;border-radius:50px;font-size:16px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--accent-purple),var(--primary));color:#fff;border:none;box-shadow:0 4px 20px #ec489966;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{background:linear-gradient(135deg,#db2777,#ea580c);box-shadow:0 12px 45px #ec4899b3;transform:translateY(-2px) scale(1.02)}.btn-primary:active{transform:translateY(0) scale(.98);box-shadow:0 4px 20px #ec489980}.light-theme .btn-primary{box-shadow:0 2px 8px #ea580c33}.light-theme .btn-primary:hover{box-shadow:0 8px 16px #ea580c4d}.btn-outline{background:transparent;color:var(--text-main);border:2px solid rgba(255,255,255,.15);padding:12px 30px;border-radius:50px;font-weight:600;font-size:16px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 0 30px #f973164d;background:#f973160d;transform:scale(1.02)}.btn-outline:active{transform:scale(.98);background:#f9731614}.stats-container{display:flex;justify-content:space-between;padding:40px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);max-width:800px;margin:auto}.stat-item{text-align:center;flex:1}.stat-num{display:block;font-size:32px;font-weight:700;margin-bottom:8px}.stat-label{font-size:13px;color:var(--text-muted);letter-spacing:1px;font-weight:600}.section{padding:60px 40px;max-width:1100px;margin:auto}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section h2{font-size:32px;font-weight:800;margin-bottom:24px;background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;animation:shine 4s linear infinite;text-align:center;width:100%}.light-theme .section h2{background:linear-gradient(90deg,var(--text-main),var(--text-main));-webkit-background-clip:text;background-clip:text;color:transparent;animation:none;font-weight:900}#about h2{background-image:linear-gradient(90deg,#3b82f6,#22d3ee,#0ea5e9)}#skills h2{background-image:linear-gradient(90deg,#4ade80,#10b981,#14b8a6)}#work h2{background-image:linear-gradient(90deg,#facc15,#f59e0b,#f97316)}#demo h2{background-image:linear-gradient(90deg,#ef4444,#f43f5e,#ec4899)}#certificates h2{background-image:linear-gradient(90deg,#a3e635,#22c55e,#65a30d)}#education h2{background-image:linear-gradient(90deg,#f97316,#ef4444,#ea580c)}#contact h2{background-image:linear-gradient(90deg,#9ca3af,#64748b,#4b5563)}@keyframes shine{to{background-position:200% center}}.link-primary{color:var(--primary);text-decoration:none;font-size:16px;font-weight:500}.about-content{background:var(--bg-card);padding:40px;border-radius:24px;position:relative;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 2px 8px #00000014;transition:transform .3s,box-shadow .3s,background-color .3s ease}.light-theme .about-content{box-shadow:0 2px 12px #0000000f;background:#fff}.about-content:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001f}.light-theme .about-content:hover{box-shadow:0 8px 20px #ea580c1a}.about-text{font-size:18px;color:var(--text-muted);line-height:1.8;margin-bottom:24px;position:relative;z-index:1}.text-highlight{color:var(--text-main);background:#22d3ee1a;padding:4px 8px;border-radius:4px;font-weight:500;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:inherit}.text-primary{background:linear-gradient(90deg,#22d3ee,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;display:inline-block}.tech-chips{display:flex;gap:16px;flex-wrap:wrap}.rpg-title{text-transform:uppercase;letter-spacing:4px;background:linear-gradient(90deg,#3b82f6,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:Courier New,monospace;font-weight:800;text-shadow:0 0 20px rgba(59,130,246,.5)}.rpg-categories{display:flex;gap:10px;background:#0000004d;padding:5px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.light-theme .rpg-categories{background:#00000014;border:1px solid rgba(0,0,0,.15)}.rpg-tab{background:transparent;border:none;color:var(--text-muted);padding:8px 16px;cursor:pointer;font-family:Outfit,sans-serif;font-weight:600;border-radius:6px;transition:all .3s;text-transform:uppercase;font-size:12px;letter-spacing:1px}.rpg-tab:hover{color:var(--text-main);background:#ffffff0d}.light-theme .rpg-tab:hover{background:#00000014}.rpg-tab.active{background:var(--primary);color:#fff;box-shadow:0 0 15px var(--primary-glow)}.light-theme .rpg-tab.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #ea580c4d}.rpg-interface{display:grid;grid-template-columns:1fr;gap:30px;background:#0a0a0f99;border:1px solid rgba(255,255,255,.1);padding:20px;border-radius:16px;box-shadow:inset 0 0 30px #00000080;position:relative;overflow:hidden}.rpg-interface:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:20px 20px;z-index:-1;pointer-events:none}.light-theme .rpg-interface{background:#ffffffe6;border-color:#0000001a;box-shadow:0 10px 30px #0000000d}.light-theme .rpg-interface:before{background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px)}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:15px;padding:10px}.inventory-slot{aspect-ratio:1;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .2s ease;overflow:hidden}.inventory-slot:hover{background:#ffffff14;z-index:2}.inventory-slot.selected{background:#ffffff1f;box-shadow:0 0 20px #ffffff1a;border-color:#fff!important}.light-theme .inventory-slot{background:#00000008;border-color:#0003}.light-theme .inventory-slot:hover{background:#00000014;border-color:#0000004d}.light-theme .inventory-slot.selected{border-color:var(--primary)!important;background:#ea580c26;box-shadow:0 0 15px #ea580c33}.rarity-common{border-color:#9ca3af}.rarity-rare{border-color:#3b82f6;box-shadow:0 0 5px #3b82f633}.rarity-epic{border-color:#a855f7;box-shadow:0 0 8px #a855f74d}.rarity-legendary{border-color:#eab308;box-shadow:0 0 12px #eab30866}.slot-corner-tl{position:absolute;top:0;left:0;width:8px;height:8px;border-top:2px solid rgba(255,255,255,.5);border-left:2px solid rgba(255,255,255,.5)}.light-theme .slot-corner-tl{border-top:2px solid rgba(0,0,0,.3);border-left:2px solid rgba(0,0,0,.3)}.slot-corner-br{position:absolute;bottom:0;right:0;width:8px;height:8px;border-bottom:2px solid rgba(255,255,255,.5);border-right:2px solid rgba(255,255,255,.5)}.light-theme .slot-corner-br{border-bottom:2px solid rgba(0,0,0,.3);border-right:2px solid rgba(0,0,0,.3)}.inventory-icon{width:40px;height:40px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.skill-details-panel{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;min-height:200px;display:flex;flex-direction:column;justify-content:center}.light-theme .skill-details-panel{background:#fff;border:1px solid #E2E8F0;box-shadow:0 2px 8px #0000000a}.empty-state{text-align:center;color:var(--text-muted);font-family:monospace;letter-spacing:2px;opacity:.5;position:relative}.scan-line{width:100%;height:2px;background:#ffffff1a;margin-top:10px;animation:scan 2s linear infinite}@keyframes scan{0%{transform:translateY(0);opacity:0}50%{opacity:1}to{transform:translateY(50px);opacity:0}}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.light-theme .details-header{border-bottom:1px solid rgba(0,0,0,.15)}.details-header h3{font-size:24px;margin:0;text-transform:uppercase}.rarity-badge{font-size:10px;padding:2px 6px;border-radius:4px;background:#ffffff1a;letter-spacing:1px}.rarity-text-common h3{color:#9ca3af}.rarity-text-rare h3{color:#3b82f6;text-shadow:0 0 10px rgba(59,130,246,.5)}.rarity-text-epic h3{color:#a855f7;text-shadow:0 0 10px rgba(168,85,247,.5)}.rarity-text-legendary h3{color:#eab308;text-shadow:0 0 10px rgba(234,179,8,.5)}.skill-desc{color:var(--text-muted);font-size:14px;margin-bottom:20px;font-style:italic}.light-theme .skill-desc{color:#4b5563}.stat-group{margin-bottom:15px}.stat-label{display:flex;justify-content:space-between;font-size:12px;text-transform:uppercase;color:var(--text-muted);margin-bottom:5px}@media(min-width:768px){.rpg-interface{grid-template-columns:3fr 2fr}}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:100%}.demo-card{max-width:100%}.demo-window{background:var(--bg-card);border-radius:16px;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 10px 30px #0000004d;transition:transform .3s}.demo-window:hover{transform:translateY(-5px);box-shadow:0 20px 50px #38bdf826}.window-bar{background:#0f172ae6;padding:12px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.05)}.window-bar .dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ef4444}.dot.yellow{background:#eab308}.dot.green{background:#22c55e}.window-title{font-family:monospace;color:var(--text-muted);font-size:12px;margin-left:10px}.video-wrapper{position:relative;background:#000;aspect-ratio:16/9}.demo-video{width:100%;height:100%;object-fit:cover}.demo-caption{text-align:center;margin-top:15px;color:var(--text-muted);font-size:16px;font-weight:500}@media(max-width:599px){.demo-grid{grid-template-columns:1fr}}.project-card{background:var(--bg-card);border-radius:24px;overflow:hidden;border:1px solid var(--border-color);transition:transform .3s}.project-card:hover{transform:translateY(-5px)}.card-image-container{height:240px;position:relative;padding:20px}.gradient-dark{background:linear-gradient(135deg,#1e293b,#0f172a)}.gradient-light{background:linear-gradient(135deg,#fbcfe8,#f472b6)}.project-img{width:100%;height:100%;object-fit:cover;border-radius:16px;box-shadow:0 15px 40px #0000004d;transform:translateY(12px);transition:transform .3s}.project-card:hover .project-img{transform:translateY(8px)}.tag{position:absolute;top:20px;right:20px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:11px;font-weight:700;padding:6px 12px;border-radius:8px;z-index:10}.tag-pink{background:#be185d}.card-content{padding:32px}.card-content h3{font-size:24px;margin-bottom:12px}.card-content p{color:var(--text-muted);font-size:16px;line-height:1.6;margin-bottom:24px}.card-actions{display:flex;gap:16px}.btn-small{flex:1;background:#1e293b;border:none;color:#fff;padding:12px;border-radius:12px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;transition:all .2s;text-decoration:none}.btn-small:hover{background:#334155}.light-theme .project-card{background:#fff;border:1px solid #E2E8F0;box-shadow:0 2px 8px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1)}.light-theme .project-card:hover{border-color:var(--primary);box-shadow:0 12px 24px #ea580c26;transform:translateY(-4px);background:#fff}.light-theme .gradient-dark{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.light-theme .card-content h3{color:var(--text-main)}.light-theme .card-content p{color:var(--text-muted)}.light-theme .btn-small{background:#fff;color:var(--text-main);border:1px solid #E2E8F0;box-shadow:0 1px 3px #0000000d;transition:all .2s cubic-bezier(.4,0,.2,1)}.light-theme .btn-small:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #ea580c4d}.contact-section{padding-bottom:0}.contact-wrapper{background:var(--bg-card);padding:40px;border-radius:32px;border:1px solid var(--border-color);display:grid;grid-template-columns:1fr 1.5fr;gap:60px}.contact-header-left{margin-bottom:30px}.contact-header-left h2{font-size:32px;margin-bottom:12px}.contact-header-left .sub-text{font-size:16px;line-height:1.6;color:var(--text-muted);margin-bottom:30px}.contact-details{display:flex;flex-direction:column;gap:24px}.contact-item{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500;color:#f1f5f9}.text-primary{color:var(--primary)}.icon-box{width:60px;height:60px;border-radius:16px;background:#38bdf81a;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.input-group{position:relative;margin-bottom:20px}.input-icon{position:absolute;top:18px;left:18px;color:var(--text-muted);opacity:.6}.contact-form input,.contact-form textarea{width:100%;background:var(--bg-input);border:1px solid var(--border-color);padding:18px 18px 18px 50px;border-radius:16px;color:#fff;font-size:15px;outline:none;transition:all .2s}.contact-form textarea{padding-left:20px;height:140px;resize:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary);background:#1e293b;box-shadow:0 0 0 4px #38bdf81a}.full-width{width:100%;justify-content:center;font-size:16px;padding:18px}.light-theme .contact-item{color:var(--text-main)}.light-theme .contact-form input,.light-theme .contact-form textarea{background:#fff;border:1px solid #E2E8F0;color:var(--text-main);box-shadow:0 1px 3px #0000000a}.light-theme .contact-form input:focus,.light-theme .contact-form textarea:focus{background:#fff;border-color:var(--primary);box-shadow:0 1px 3px #0000000a,0 0 0 3px #ea580c1a}.light-theme .cert-card-large{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000f}.light-theme .cert-card-large:hover{box-shadow:0 8px 20px #ea580c1f;border-color:var(--primary)}.light-theme .cert-details-large h3{color:var(--text-main)}.resume-section{padding-top:40px}.resume-container{display:flex;gap:40px;max-width:1000px;margin:0 auto}.resume-sidebar{flex:1;background:var(--bg-card);padding:30px;border-radius:24px;border:1px solid var(--border-color);box-shadow:0 4px 20px #0003;height:max-content;position:sticky;top:100px}.light-theme .resume-sidebar{background:#fff;box-shadow:0 4px 15px #0000000d}.resume-profile{text-align:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.resume-img{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid var(--bg-dark);box-shadow:0 0 20px var(--primary-glow);margin-bottom:16px}.resume-name{font-size:24px;font-weight:700;margin-bottom:4px}.resume-title{font-size:15px;font-weight:500}.resume-contact-info{display:flex;flex-direction:column;gap:16px;margin-bottom:30px}.resume-contact-item{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-muted)}.resume-sidebar-title{font-size:16px;margin-bottom:16px;font-weight:600}.resume-skill-tags{display:flex;flex-wrap:wrap;gap:8px}.resume-skill-tags span{background:#f973161a;color:var(--primary);padding:6px 12px;border-radius:50px;font-size:13px;font-weight:500;border:1px solid rgba(249,115,22,.2)}.resume-main-content{flex:2;display:flex;flex-direction:column;gap:30px}.resume-block{background:var(--bg-card);padding:30px;border-radius:24px;border:1px solid var(--border-color);box-shadow:0 4px 20px #0003}.light-theme .resume-block{background:#fff;box-shadow:0 4px 15px #0000000d}.resume-block-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.resume-block-header h3{font-size:20px;font-weight:700}.icon-box-small{width:40px;height:40px;border-radius:12px;background:#f973161a;display:flex;align-items:center;justify-content:center}.resume-text{color:var(--text-muted);line-height:1.7;font-size:15px}.resume-item{margin-top:20px}.resume-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.resume-item-header h4{font-size:18px;font-weight:600}.resume-date{font-size:14px;font-weight:500;background:#f973161a;padding:4px 10px;border-radius:20px}.resume-company{font-size:15px;font-weight:500;color:var(--text-main);margin-bottom:12px}.resume-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.resume-list li{display:flex;align-items:flex-start;gap:8px;color:var(--text-muted);font-size:14.5px;line-height:1.6}.resume-list li svg{margin-top:4px;flex-shrink:0}.light-theme .resume-list li,.light-theme .resume-contact-item{color:var(--text-muted)}.light-theme .resume-company{color:var(--text-main)}.certificates-list{display:flex;flex-wrap:wrap;justify-content:center;gap:48px;max-width:960px;margin:0 auto}.cert-col{width:calc(50% - 14px);min-width:280px;max-width:420px;display:flex}@media(max-width:700px){.cert-col{width:100%;max-width:500px}}@media(min-width:701px)and (max-width:1023px){.certificates-list{gap:32px}.cert-col{width:calc(50% - 16px);max-width:none}}.cert-card-large{background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;border:1px solid var(--border-color);overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;width:100%;height:100%}.cert-card-large:hover{transform:translateY(-6px) scale(1.015);border-color:var(--accent-cyan);box-shadow:0 16px 36px #22d3ee26}.cert-image-wrapper{width:100%;aspect-ratio:16 / 9;background:#0f172a;position:relative;border-bottom:1px solid var(--border-color);overflow:hidden;display:block;cursor:pointer}.cert-img-large{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .3s ease}.cert-card-large:hover .cert-img-large{transform:scale(1.02)}.cert-details-large{padding:20px 24px;display:flex;flex-direction:column;background:linear-gradient(to right,var(--bg-card),rgba(30,41,59,.5));flex-grow:1}.cert-info{display:flex;flex-direction:column;gap:8px}.cert-header{display:flex;align-items:center;gap:8px}.cert-details-large h3{font-size:22px;font-weight:700;color:#fff;margin:0}.cert-issuer{color:#9ca3af;font-size:15px;line-height:1.3;margin-top:4px}@media(max-width:599px){.cert-image-wrapper{height:250px}.rpg-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;background:#0000004d;padding:8px;border-radius:10px;border:1px solid rgba(255,255,255,.1);margin-bottom:20px;width:100%}.rpg-tab{width:100%;padding:10px 12px;font-size:11px;letter-spacing:.4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cert-details-large{flex-direction:column;align-items:flex-start;gap:20px;padding:24px}.cert-row{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.cert-details-large h3{font-size:18px}.cert-issuer{margin-left:0}.btn-link{width:auto;justify-content:center;background:#38bdf80d;padding:8px 16px}.cert-verify-btn{margin-top:16px;min-height:36px;font-size:12px;border-radius:8px;border-width:1px}}.btn-link{position:relative;background:transparent;border:1.5px solid rgba(251,146,60,.5);color:#fb923c;font-size:14px;font-weight:600;cursor:pointer;padding:10px 20px;margin-top:16px;border-radius:50px;display:inline-flex;align-items:center;gap:8px;letter-spacing:.4px;transition:all .3s ease;align-self:flex-start;overflow:hidden;text-decoration:none}.btn-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fb923c26,#f973161a);opacity:0;transition:opacity .3s ease}.btn-link:hover{border-color:#fb923c;color:#fff;box-shadow:0 0 20px #fb923c4d,0 4px 15px #fb923c26;transform:translateY(-2px);text-decoration:none}.btn-link:hover:before{opacity:1}.footer{background:var(--bg-nav);padding:40px;margin-top:40px;border-top:1px solid var(--border-color)}.footer-content{max-width:1200px;margin:auto auto 60px;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;text-align:left}.footer-brand-col .brand{font-size:20px;margin-bottom:12px;display:block}.footer-bio{color:var(--text-muted);line-height:1.6;font-size:14px;max-width:250px;margin-top:10px}.logo-icon.small{width:28px;height:28px}.footer-links-col h4,.footer-action-col h4{color:#fff;font-size:16px;margin-bottom:20px;font-weight:600}.light-theme .footer-links-col h4,.light-theme .footer-action-col h4,.light-theme .footer-brand-col .brand{color:var(--text-main)}.light-theme .footer-bio,.light-theme .footer-links-col a,.light-theme .footer-bottom{color:var(--text-muted)}.footer-links-col a{display:block;color:var(--text-muted);text-decoration:none;margin-bottom:12px;font-size:14px;transition:color .2s}.footer-links-col a:hover{color:var(--primary)}.footer-bottom{max-width:1200px;margin:auto;padding-top:15px;display:flex;justify-content:space-between;align-items:center;color:#475569;font-size:13px}.footer-social-icons{display:flex;gap:12px}.icon-btn-small{width:40px;height:40px;border-radius:50%;background:var(--bg-card);border:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-btn-small:hover{background:var(--primary);color:#0f172a}@media(max-width:599px){.app{max-width:480px;padding-bottom:100px}.header{padding:20px 24px}.desktop-nav{display:none}.brand{font-size:18px}.hero{padding:30px 24px}.hero-content{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.hero-text-content{text-align:center;order:2}.profile-container{order:1}.profile-img{width:100px;height:100px}.profile-img-wrapper{box-shadow:0 0 40px var(--primary-glow)}.verified-badge{bottom:0;right:0;transform:scale(1)}.hero-title{font-size:36px;margin-bottom:16px}.hero-bio{font-size:15px;margin-bottom:24px;margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.btn{padding:12px 24px;font-size:15px}.stats-container{padding:20px 0}.stat-num{font-size:20px;margin-bottom:4px}.stat-label{font-size:11px}.section{padding:30px 24px}.section h2{font-size:20px}.projects-grid{grid-template-columns:1fr;gap:24px}.card-image-container{height:180px;padding:16px}.card-content{padding:24px}.card-content h3{font-size:18px;margin-bottom:8px}.card-content p{font-size:14px;margin-bottom:20px}.contact-wrapper{grid-template-columns:1fr;gap:40px;padding:24px}.contact-header-left h2{font-size:24px}.input-row{grid-template-columns:1fr}.footer{padding:10px 24px 100px;margin-top:10px;border-top:1px solid var(--border-color)}.footer-content{grid-template-columns:1fr;gap:32px}.footer-brand-col,.footer-links-col,.footer-action-col{text-align:left}.footer-bottom{flex-direction:column-reverse;gap:20px;text-align:center;padding-bottom:20px}}.bottom-nav{display:none}@media(max-width:599px){.bottom-nav{display:flex;position:fixed;bottom:0;left:0;width:100%;background:var(--bg-nav);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color);justify-content:space-around;align-items:flex-end;padding:12px 16px 16px;z-index:100;height:var(--nav-height)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-muted);text-decoration:none;font-size:10px;padding-bottom:4px}.nav-item.active{color:var(--primary)}.nav-item-center{transform:translateY(-20px)}.fab{width:56px;height:56px;background:var(--primary);border-radius:50%;border:4px solid var(--bg-dark);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px var(--primary-glow)}}.bg-pattern{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:30px 30px;pointer-events:none}.light-theme .bg-pattern{background-image:radial-gradient(rgba(0,0,0,.05) 1px,transparent 1px)}.toast-notification{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);padding:16px 24px;border-radius:16px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 40px #0000004d;z-index:1000;min-width:320px}.toast-content h4{font-size:16px;margin-bottom:4px;color:var(--text-main)}.toast-content p{font-size:13px;color:var(--text-muted);margin:0}.toast-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;margin-left:auto;padding:4px}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--primary);color:#0f172a;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px var(--primary-glow);opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:9999}@media(max-width:768px){.back-to-top{bottom:75px;right:20px}}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-5px);box-shadow:0 6px 20px var(--primary-glow)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.card-image-container:before,.cert-image-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);animation:shimmer 1.5s infinite;z-index:1;pointer-events:none}.icon-btn-small{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;text-decoration:none}.icon-btn-small:hover{background:var(--bg-input);color:var(--primary);border-color:var(--primary);transform:translateY(-2px)}.full-view{object-fit:contain!important;background-color:#0003}.skills-container{display:flex;flex-direction:column;gap:40px}.skill-category{margin-bottom:20px}.category-title{font-size:20px;color:var(--text-muted);margin-bottom:20px;padding-left:10px;border-left:3px solid var(--primary);font-weight:500;letter-spacing:1px}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px}.modern-skill-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:20px;border-radius:16px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;box-shadow:0 4px 6px #0000001a}.modern-skill-card:hover{background:#ffffff14;border-color:var(--primary);box-shadow:0 8px 20px #f9731626}.skill-icon-wrapper{margin-bottom:12px;padding:10px;background:#0003;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.skill-icon{width:32px;height:32px;transition:transform .3s ease}.modern-skill-card:hover .skill-icon{transform:scale(1.1)}.skill-name{font-size:14px;font-weight:600;color:var(--text-main);letter-spacing:.5px}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:25px;padding:10px}.tech-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:25px 15px;display:flex;flex-direction:column;align-items:center;gap:15px;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tech-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);transform:scale(0);transition:transform .6s ease;z-index:0;pointer-events:none}.tech-card:hover:before{transform:scale(1)}.tech-card:hover{background:#ffffff12;border-color:#fff3;box-shadow:0 10px 30px -10px var(--primary-glow)}.tech-card:after{content:"";position:absolute;inset:0;border-radius:20px;padding:2px;background:linear-gradient(45deg,transparent,var(--primary),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.light-theme .modern-skill-card,.light-theme .tech-card{background:#fff;border:1px solid #E2E8F0;box-shadow:0 2px 8px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1)}.light-theme .modern-skill-card:hover,.light-theme .tech-card:hover{background:#fff;border-color:var(--primary);box-shadow:0 8px 20px #ea580c26;transform:translateY(-4px)}.light-theme .skill-icon-wrapper{background:#ea580c12;border:1px solid rgba(234,88,12,.15)}.light-theme .tech-card-name{color:var(--text-main)}.tech-card:hover:after{opacity:1}.tech-icon-wrapper{position:relative;z-index:1;width:60px;height:60px;background:#0000004d;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .4s ease}.tech-card:hover .tech-icon-wrapper{transform:scale(1.1) rotate(5deg);background:#ffffff1a}.tech-icon{width:35px;height:35px;object-fit:contain}.tech-name{position:relative;z-index:1;font-weight:600;font-size:15px;color:var(--text-muted);transition:color .3s}.tech-card:hover .tech-name{color:#fff}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}@media(min-width:1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{height:100%;display:flex;flex-direction:column}.project-card{background:#0f0f0f;border-radius:12px;overflow:hidden;position:relative;display:flex;flex-direction:column;transition:all .4s ease;border:1px solid rgba(255,255,255,.05)}.project-card:hover{transform:translateY(-5px);border-color:var(--theme-color);box-shadow:0 10px 30px -10px var(--theme-color)}.project-card:after{content:"";position:absolute;inset:0;background:radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.06),transparent 40%);opacity:0;transition:opacity .5s;pointer-events:none}.project-card:hover:after{opacity:1}.card-image-container{height:160px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05)}.project-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;opacity:.8}.project-card:hover .project-img{transform:scale(1.05);opacity:1}.card-content{padding:20px;display:flex;flex-direction:column;gap:8px;flex-grow:1}.card-content h3{font-size:20px;font-weight:700;margin:0;transition:color .3s}.card-content p{font-size:14px;color:#a1a1aa;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-actions{margin-top:auto;display:flex;gap:12px;padding-top:15px;flex-wrap:nowrap}.link-text{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:500;text-decoration:none;color:#22d3ee;transition:all .2s;white-space:nowrap}.link-text:hover{filter:brightness(1.2);text-decoration:underline}.link-text.github-link{color:#db2777}@media(hover:hover)and (pointer:fine){body{cursor:none}a,button,input[type=submit],.clickable,.project-card,.modern-skill-card,.tech-card,.cert-card-large{cursor:pointer!important}p,h1,h2,h3,h4,h5,h6,span,input,textarea,label{cursor:text!important}}.cursor-dot{position:fixed;top:0;left:0;width:8px;height:8px;background-color:var(--text-main);border-radius:50%;z-index:9999;pointer-events:none}.cursor-ring{position:fixed;top:0;left:0;width:40px;height:40px;border:1px solid var(--primary);border-radius:50%;z-index:9998;pointer-events:none}@media(max-width:599px){.cursor-dot,.cursor-ring{display:none}}.icon-white{filter:invert(1) brightness(2)}.games-row{display:flex;overflow-x:auto;gap:24px;padding:20px 5px 40px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-top:20px}.games-row::-webkit-scrollbar{display:block;height:8px}.games-row::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.games-row::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.games-row::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.game-card{min-width:280px;max-width:280px;scroll-snap-align:start;flex-shrink:0}.game-img-container{height:160px}.education-section{position:relative;overflow:hidden}.timeline-container{position:relative;max-width:1000px;margin:40px auto;padding:20px 0}.timeline-item{display:flex;justify-content:center;position:relative;margin-bottom:60px;width:100%}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:50%;top:0;transform:translate(-50%);width:24px;height:24px;background:var(--bg-dark);border:2px solid var(--primary);border-radius:50%;z-index:2;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.dot-inner{width:8px;height:8px;border-radius:50%;background:var(--primary)}.timeline-item:hover .timeline-dot{transform:translate(-50%) scale(1.2)}.timeline-content{width:45%;background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:25px;position:relative;box-shadow:0 10px 30px -10px #0000004d;transition:all .3s ease}.timeline-content:hover{transform:translateY(-5px);background:#ffffff14;border-color:var(--primary);box-shadow:0 10px 30px var(--primary-glow)}.timeline-item.left{justify-content:flex-start;padding-right:50px}.timeline-item.right{justify-content:flex-end;padding-left:50px}.timeline-item.left .timeline-content{margin-right:auto;text-align:right}.timeline-item.right .timeline-content{margin-left:auto;text-align:left}.timeline-item.centered{justify-content:center;padding:0;width:100%}.timeline-item.centered .timeline-content{width:100%;max-width:900px;margin:0 auto;text-align:left;display:flex;gap:40px;align-items:flex-start;padding:40px;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 40px -10px #00000080}.timeline-item.centered .timeline-content:hover{border-color:var(--primary);box-shadow:0 10px 50px -10px #f9731633;transform:translateY(-5px) scale(1.01)}.edu-icon-large{width:80px;height:80px;min-width:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#111,#1a1a1a);box-shadow:0 0 20px #ff73001a;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:relative}.timeline-item:hover .edu-icon-large{transform:scale(1.1) rotate(5deg);border-color:var(--primary);box-shadow:0 0 30px var(--primary-glow);background:linear-gradient(145deg,#1a1a1a,#252525)}.edu-icon-large:after{content:"";position:absolute;inset:-1px;border-radius:16px;padding:1px;background:linear-gradient(135deg,var(--primary),transparent,var(--accent-purple));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;transition:opacity .3s}.timeline-item:hover .edu-icon-large:after{opacity:1}.edu-icon-large svg{width:40px;height:40px}.edu-text-content{flex-grow:1}.timeline-item.centered .timeline-dot{display:none}.timeline-item.centered .edu-header{flex-grow:1}.timeline-item.centered .edu-header h3{font-size:28px;margin-bottom:8px;background:linear-gradient(90deg,var(--primary),#fff);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.timeline-item.centered .edu-institution{font-size:18px;color:var(--text-main);margin-bottom:20px;opacity:.9}.timeline-item.centered .edu-meta{flex-direction:row;gap:20px;margin-bottom:25px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px}.timeline-item.centered .edu-description li{font-size:16px;margin-bottom:8px;color:#cbd5e1}@media(max-width:599px){.timeline-item.centered .timeline-content{flex-direction:column;padding:24px;gap:20px}}.edu-header h3{font-size:20px;margin-bottom:5px;font-weight:700}.edu-institution{display:flex;align-items:center;gap:6px;color:var(--text-main);font-weight:500;margin-bottom:8px;font-size:15px}.timeline-item.left .edu-institution{justify-content:flex-end}.edu-card-layout{margin-top:25px;margin-bottom:25px;display:flex;flex-direction:column;gap:20px}.edu-loc-box{display:flex;align-items:center;gap:8px}.edu-icon-main{color:var(--primary);filter:drop-shadow(0 0 8px rgba(249,115,22,.2))}.edu-loc-text{font-size:14px;color:#bbb;font-weight:500;letter-spacing:.2px}.edu-info-divider{height:1px;width:100%;background:linear-gradient(90deg,#ffffff0f,#fff0)}.edu-stats-grid{display:flex;align-items:center;flex-wrap:wrap;gap:30px}.edu-stat-box{display:flex;align-items:center;gap:15px}.edu-icon-sub{color:var(--text-muted)}.edu-stat-details{display:flex;flex-direction:column}.edu-stat-label{font-size:18px;color:var(--text-muted);font-weight:700;letter-spacing:.5px}.edu-stat-val{display:flex;align-items:baseline;gap:8px;font-size:18px;font-weight:700;color:var(--text-main);white-space:nowrap}.edu-stat-val .highlight{font-size:20px;font-weight:800;color:var(--primary);line-height:1}.edu-v-divider{width:1px;height:45px;background:#ffffff14}.timeline-item.left .edu-loc-box,.timeline-item.left .edu-stats-grid,.timeline-item.left .edu-stat-box{justify-content:flex-end;text-align:right}.timeline-item.left .edu-stat-details{align-items:flex-end}.timeline-item.left .edu-info-divider{background:linear-gradient(-90deg,#ffffff0f,#fff0)}@media(max-width:768px){.edu-card-layout{margin-top:25px;gap:15px;max-width:100%}.edu-loc-text{font-size:14px}.edu-stats-grid{gap:15px;flex-wrap:nowrap}.edu-stat-val{font-size:16px;gap:6px}.edu-stat-label{font-size:14px}.edu-stat-val .highlight{font-size:18px}.edu-v-divider{height:35px}}.edu-description{list-style:none;padding:0;margin:0}.edu-description li{position:relative;padding:5px 0;color:#94a3b8;font-size:14px;line-height:1.6}.light-theme .timeline-content{background:#fffc;border-color:#0000001a;box-shadow:0 5px 20px #0000000d}.light-theme .timeline-item.centered .timeline-content{background:#fff;border:1px solid #E2E8F0;box-shadow:0 2px 12px #0000000f,0 1px 3px #00000005}.light-theme .timeline-item.centered .timeline-content:hover{box-shadow:0 8px 20px #ea580c1a}.light-theme .edu-institution,.light-theme .edu-date,.light-theme .edu-meta{color:var(--text-main)}.light-theme .edu-description li{color:var(--text-muted);font-weight:500}.light-theme .edu-icon-large{border-color:#0000001a;background:#ffffff80;color:var(--primary)}.light-theme .timeline-dot{background:#fff}@media(max-width:599px){.timeline-item{justify-content:flex-start!important;padding-left:50px!important;padding-right:0!important}.timeline-content{width:100%!important;text-align:left!important}.timeline-dot{left:20px}.timeline-item.left .edu-institution,.timeline-item.left .edu-date{justify-content:flex-start}}.about-content{max-width:1100px;margin:0 auto;text-align:left}.about-text{font-size:1.1rem;line-height:1.8;color:var(--text-muted);margin-bottom:20px}.about-stats{display:flex;gap:20px;margin-top:40px;justify-content:center}.stat-box{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);padding:25px;border-radius:16px;text-align:center;flex:1;min-width:200px;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 6px #0000001a}.stat-box:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(var(--primary-rgb),.15);border-color:var(--primary);background:#ffffff0d}.stat-icon{color:var(--primary);margin-bottom:12px}.stat-box h3{font-size:24px;font-weight:700;margin-bottom:5px;background:none;color:var(--primary)}.stat-box p{color:var(--text-muted);font-size:14px;text-transform:uppercase;letter-spacing:1px;font-weight:500}.light-theme .stat-box{background:#fff;border:1px solid #E2E8F0;box-shadow:0 2px 8px #0000000f}.light-theme .stat-box:hover{background:#fff;border-color:var(--primary);box-shadow:0 8px 16px #ea580c1f;transform:translateY(-3px)}@media(max-width:599px){.about-stats{flex-direction:column}}@media(max-width:1023px){.app{overflow-x:hidden;padding-bottom:80px}.section{padding:60px 20px}.section h2{font-size:28px;margin-bottom:30px;text-align:center}@media(max-width:599px){.desktop-nav{display:none}.bottom-nav{display:flex!important;padding-bottom:env(safe-area-inset-bottom)}}@media(min-width:1024px){.desktop-nav{display:flex}.bottom-nav{display:none!important}}.hero{padding:40px 20px 80px;min-height:auto;display:flex;flex-direction:column;justify-content:center}.hero-content{display:flex;flex-direction:column-reverse;align-items:center;gap:40px;text-align:center;margin-bottom:40px}.hero-text-content{text-align:center;display:flex;flex-direction:column;align-items:center}.hero-title{font-size:42px;line-height:1.2}.hero-subtitle{font-size:18px;margin-bottom:40px}.hero-buttons{justify-content:center;flex-wrap:wrap;gap:15px}.profile-img{width:200px;height:200px}.profile-img-wrapper{box-shadow:0 0 40px var(--primary-glow)}.about-content{padding:25px}.about-stats{flex-direction:column;gap:15px}.stat-box{width:100%;min-width:auto}.category-grid,.tech-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:15px}.modern-skill-card{padding:15px}.projects-grid{grid-template-columns:1fr;gap:40px}.resume-container{flex-direction:column}.resume-sidebar{position:relative;top:0}@media(min-width:600px)and (max-width:1023px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.certificates-grid{grid-template-columns:1fr}@media(min-width:600px)and (max-width:1023px){.certificates-grid{grid-template-columns:repeat(2,1fr)}}.timeline-item{padding-left:0!important;padding-right:0!important;margin-bottom:40px}.timeline-item.centered .timeline-content{flex-direction:column;text-align:left;gap:20px;padding:20px}.edu-header{width:100%}.contact-wrapper{display:flex;flex-direction:column;gap:40px}.contact-info,.contact-form{width:100%}.footer-content{flex-direction:column;text-align:center;gap:40px}.footer-links-col,.footer-brand-col{align-items:center}.logo-container{justify-content:center}.footer-bottom{flex-direction:column;gap:20px;text-align:center}.bottom-nav{display:none;padding-bottom:env(safe-area-inset-bottom)}}@media(max-width:380px){.hero-title{font-size:32px}.btn{padding:12px 24px;font-size:14px}}@media(max-width:599px){.category-grid,.tech-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px}.modern-skill-card{padding:12px}.skill-icon-wrapper{width:50px;height:50px}.contact-wrapper{gap:50px}.contact-form input,.contact-form textarea{padding:16px;font-size:16px}.contact-item{padding:10px 0}.footer-content{gap:50px}.footer-links-col a{padding:8px 0;display:block}.footer-bottom{margin-top:20px;padding-top:15px}.btn{padding:14px 28px!important;font-size:15px!important;min-height:48px}.btn-outline{padding:12px 26px!important;font-size:15px!important;min-height:48px}.contact-form input{padding-left:55px!important}}@media(min-width:600px)and (max-width:1023px){.section{padding:70px 40px}.hero-title{font-size:52px}.hero-subtitle{font-size:20px;max-width:80%}.projects-grid,.certificates-grid{grid-template-columns:repeat(2,1fr)!important;gap:30px}.certificates-grid{gap:50px;max-width:60%;margin:0 auto}.about-stats{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px}.stat-box{width:48%;min-width:200px}.category-grid,.tech-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:20px}}@media(max-width:599px){.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:55px;background:#0f172abf;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -4px 20px #0000004d;display:flex;justify-content:space-around;align-items:center;padding:0 8px;padding-bottom:env(safe-area-inset-bottom);z-index:1000;transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.bottom-nav.hidden{transform:translateY(100%)}.bottom-nav.visible{transform:translateY(0)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:48px;padding:8px 12px;color:var(--text-muted);text-decoration:none;transition:all .2s ease;position:relative;opacity:.7}.nav-item svg{width:22px;height:22px;transition:all .2s ease}.nav-item span{font-size:11px;font-weight:500;letter-spacing:.3px}.nav-item.active{color:var(--primary);opacity:1}.nav-item.active svg{transform:scale(1.05)}.nav-item.active:after{content:"";position:absolute;bottom:2px;width:4px;height:4px;background:var(--primary);border-radius:50%;box-shadow:0 0 8px var(--primary-glow)}.nav-item-cta{color:var(--primary);opacity:1}.nav-item-cta svg{filter:drop-shadow(0 0 6px rgba(249,115,22,.4))}.nav-item:active{opacity:1;transform:scale(.95)}.light-theme .bottom-nav{background:#ffffffd9;border-top-color:#0000001a;box-shadow:0 -4px 20px #0000001a}.light-theme .nav-item{color:var(--text-muted)}.light-theme .nav-item.active,.light-theme .nav-item-cta{color:var(--primary)}}@media(max-width:575px){.footer-action-col{display:none}.footer{padding:10px 20px 20px;margin-top:10px;border-top:1px solid var(--border-color)}.footer-content{gap:32px;display:flex;flex-direction:column;align-items:center}.footer-links-col h4{font-size:12px;font-weight:500;opacity:.7;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.footer-links-col:first-of-type{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px 20px!important;width:100%!important;max-width:320px!important;margin:0 auto!important;justify-items:center!important}.footer-links-col:first-of-type a{display:block!important;font-size:15px!important;color:var(--text-muted);text-decoration:none;transition:all .3s ease;padding:6px 0;width:100%;text-align:center}.footer-links-col:nth-of-type(2){display:flex;flex-direction:column;gap:8px}.footer-links-col:nth-of-type(2) a{font-size:14px;color:var(--text-muted);text-decoration:none;transition:color .3s ease}.footer-links-col:nth-of-type(2) a:hover{color:var(--primary)}.footer-bottom{padding:16px 0;font-size:12px}}.scene-3d-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.8}.floating-objects-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;max-width:500px;max-height:500px;pointer-events:none;z-index:0;opacity:.9}.profile-container{position:relative;display:flex;justify-content:center;align-items:center}@media(max-width:768px){.scene-3d-container{opacity:.5}.floating-objects-container{max-width:350px;max-height:350px;opacity:.6}}.hero-content,.hero-text-content,.profile-img-wrapper{position:relative;z-index:2}.hero{animation:heroFadeIn 1.2s cubic-bezier(.4,0,.2,1) forwards}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-card{transition:all .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;perspective:1000px}.project-card:hover{transform:translateY(-8px) rotateX(2deg) rotateY(-2deg);scale:1.02;box-shadow:0 20px 60px -10px #0000004d}.light-theme .project-card:hover{box-shadow:0 20px 60px -10px #00000026}.card-image-container{transition:transform .5s cubic-bezier(.4,0,.2,1)}.project-card:hover .card-image-container{transform:scale(1.05)}.game-card:hover{transform:translateY(-6px) rotateX(1deg)}html{scroll-behavior:smooth}.link-text{transition:all .3s cubic-bezier(.4,0,.2,1)}.link-text:hover{transform:translate(3px);color:var(--primary)}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.scroll-reveal:nth-child(1){transition-delay:0ms}.scroll-reveal:nth-child(2){transition-delay:.1s}.scroll-reveal:nth-child(3){transition-delay:.2s}.scroll-reveal:nth-child(4){transition-delay:.3s}.scroll-reveal:nth-child(5){transition-delay:.4s}.light-theme .edu-institution,.light-theme .edu-location,.light-theme .edu-date,.light-theme .edu-description li{color:#1f2937!important}.light-theme .edu-header h3{color:var(--primary)!important}.light-theme .timeline-content{background:#fffffff2;box-shadow:0 4px 20px #00000014}.light-theme .edu-icon{color:#4b5563}.hackathon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1000px;margin:0 auto}.hackathon-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;position:relative;display:flex;flex-direction:column;transition:all .4s ease;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);overflow:hidden;box-shadow:0 10px 30px #0003}.hackathon-card:hover{transform:translateY(-8px);border-color:var(--theme-color);box-shadow:0 15px 40px #0000004d,0 0 20px rgba(var(--theme-color),.2)}.hackathon-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--theme-color);opacity:.8;transition:opacity .3s ease}.hackathon-card:hover:before{opacity:1}.light-theme .hackathon-card{background:#fffc;border-color:#0000000d;box-shadow:0 10px 30px #0000000d}.hack-grad-1{background:linear-gradient(135deg,#10b9810d,#0000)}.light-theme .hack-grad-1{background:linear-gradient(135deg,#10b9810d,#fffc)}.hack-grad-2{background:linear-gradient(135deg,#6366f10d,#0000)}.light-theme .hack-grad-2{background:linear-gradient(135deg,#6366f10d,#fffc)}.hack-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.hack-header h3{font-size:22px;font-weight:700;line-height:1.3;margin:0;max-width:70%}.hack-badge{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px}.badge-gold{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.badge-blue{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.hack-body{flex-grow:1;display:flex;flex-direction:column;gap:15px}.hack-item{display:flex;align-items:flex-start;gap:12px}.hack-item strong{display:block;font-size:14px;color:var(--text-main);margin-bottom:3px}.hack-item p{font-size:14px;color:var(--text-muted);line-height:1.5;margin:0}.hack-icon{margin-top:2px;flex-shrink:0}.hack-meta{display:flex;gap:15px;margin-top:10px;padding-top:15px;border-top:1px solid rgba(255,255,255,.05)}.light-theme .hack-meta{border-top-color:#0000000d}.hack-meta-item{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-main)}.hack-tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.tech-badge{background:#ffffff0d;color:var(--text-muted);font-size:12px;padding:4px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.light-theme .tech-badge{background:#00000008;border-color:#00000014}.hack-footer{display:flex;gap:12px;margin-top:25px}.btn-hack{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s ease}.btn-github{background:#ffffff0d;color:var(--text-main);border:1px solid rgba(255,255,255,.1)}.btn-github:hover{background:#ffffff1a;transform:translateY(-2px)}.light-theme .btn-github{color:#0f172a;background:#00000008;border-color:#0000001a}.light-theme .btn-github:hover{background:#00000014}.btn-demo{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.btn-demo:hover{background:#ef444433;transform:translateY(-2px)}.premium-hackathon-grid{display:grid;grid-template-columns:1fr;gap:40px;max-width:1000px;margin:0 auto}.premium-hackathon-card{background:#111c;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:30px;position:relative;overflow:hidden;transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.premium-hackathon-card:hover{border-color:#f973164d;transform:translateY(-5px);box-shadow:0 20px 40px #0006}.premium-hack-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.premium-hack-header h3{font-size:28px;font-weight:700;margin-bottom:4px;color:#fff}.premium-hack-header .subtitle{font-size:16px;font-weight:600}.year-badge{background:#ffffff0d;padding:6px 14px;border-radius:50px;display:flex;align-items:center;gap:8px;font-size:14px;color:#fff9;border:1px solid rgba(255,255,255,.1)}.hack-main-desc{color:#fff9;font-size:16px;line-height:1.6;margin-bottom:30px;max-width:800px}.premium-hack-body{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid rgba(255,255,255,.05);padding-top:30px}@media(max-width:768px){.premium-hack-body{grid-template-columns:1fr;gap:30px}}.premium-hack-image-frame{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:0;aspect-ratio:16/10;overflow:hidden;display:flex;align-items:center;justify-content:center}.premium-hack-image-frame img{width:100%;height:100%;object-fit:cover;border-radius:0;opacity:.8;transition:opacity .3s}.premium-hackathon-card:hover .premium-hack-image-frame img{opacity:1}.project-built-tag{display:flex;align-items:center;gap:10px;margin-bottom:15px}.project-built-tag span{font-size:12px;font-weight:800;letter-spacing:2px;color:#ffffffe6}.premium-hack-project-info h4{font-size:24px;font-weight:700;margin-bottom:15px;color:#fff}.premium-hack-project-info p{color:#fff9;font-size:15px;line-height:1.6;margin-bottom:25px}.premium-hack-tech{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.tech-tag{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:6px 12px;border-radius:6px;font-size:13px;color:#ffffffb3}.premium-hack-links{display:flex;gap:8px;flex-wrap:nowrap;border-top:1px solid rgba(255,255,255,.05);padding-top:20px}.hack-link{display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;font-size:11px;font-weight:600;white-space:nowrap;flex:1;padding:8px 4px;border-radius:6px;transition:all .3s}.hack-link svg{width:14px!important;height:14px!important}.hack-link-code{color:#9ca3af;background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.hack-link-code:hover{color:#e5e7eb;background:#ffffff1a}.hack-link-demo{color:#2dd4bf;background:#2dd4bf14;border:1px solid rgba(45,212,191,.25)}.hack-link-demo:hover{color:#5eead4;background:#2dd4bf2e}.hack-link-video{color:#f87171;background:#ef444414;border:1px solid rgba(239,68,68,.25)}.hack-link-video:hover{color:#fca5a5;background:#ef44442e}.link-text.video-link{color:#ef4444}.light-theme .premium-hackathon-card{background:#ffffffd9;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 30px #0000000d}.light-theme .premium-hackathon-card:hover{border-color:#f9731666;box-shadow:0 20px 40px #0000001a}.light-theme .premium-hack-header h3{color:#0f172a}.light-theme .year-badge{background:#0000000a;color:#475569;border:1px solid rgba(0,0,0,.1)}.light-theme .hack-main-desc{color:#475569}.light-theme .premium-hack-body{border-top:1px solid rgba(0,0,0,.08)}.light-theme .premium-hack-image-frame{background:#00000005;border:1px solid rgba(0,0,0,.08)}.light-theme .project-built-tag span{color:#334155}.light-theme .premium-hack-project-info h4{color:#0f172a}.light-theme .premium-hack-project-info p{color:#475569}.light-theme .tech-tag{background:#0000000a;border:1px solid rgba(0,0,0,.08);color:#475569}.light-theme .premium-hack-links{border-top:1px solid rgba(0,0,0,.08)}.light-theme .hack-link-code{color:#334155;background:#0000000d;border-color:#0000001a}.light-theme .hack-link-code:hover{color:#0f172a;background:#0000001a}.light-theme .hack-link-demo{color:#0d9488;background:#0d948814;border-color:#0d948840}.light-theme .hack-link-demo:hover{color:#0f766e;background:#0d948826}.light-theme .hack-link-video{color:#e11d48;background:#e11d4814;border-color:#e11d4840}.light-theme .hack-link-video:hover{color:#be123c;background:#e11d4826}