.project-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.project-modal.active{opacity:1;visibility:visible}.project-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:2px solid #00aaff;border-radius:15px;padding:30px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 0 30px #00aaff4d;transform:scale(.7) translateY(50px);transition:all .3s ease}.project-modal.active .project-modal-content{transform:scale(1) translateY(0)}.project-modal-close{position:absolute;top:15px;right:20px;background:none;border:none;color:#ff6b6b;font-size:28px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.project-modal-close:hover{background:#ff6b6b1a;transform:rotate(90deg)}.project-title{color:#fff;font-size:28px;font-weight:700;margin-bottom:10px;text-align:center;text-shadow:0 0 10px rgba(0,170,255,.5)}.project-status{display:inline-block;background:#0f8;color:#000;padding:4px 12px;border-radius:15px;font-size:12px;font-weight:700;margin-bottom:20px}.project-image{width:100%;height:250px;object-fit:cover;border-radius:10px;border:2px solid #00aaff;margin-bottom:20px}.project-image-placeholder{width:100%;height:250px;background:linear-gradient(45deg,#1a1a2e,#2a2a4e);border-radius:10px;border:2px solid #00aaff;display:flex;align-items:center;justify-content:center;color:#666;font-size:16px;margin-bottom:20px}.project-description{color:#ccc;font-size:16px;line-height:1.6;margin-bottom:25px;text-align:justify}.project-tech-stack{margin-bottom:25px}.project-tech-title{color:#0af;font-size:18px;font-weight:700;margin-bottom:15px;display:flex;align-items:center;gap:8px}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{background:#0af3;color:#0af;padding:6px 12px;border-radius:20px;font-size:14px;border:1px solid rgba(0,170,255,.3);transition:all .2s ease}.tech-tag:hover{background:#00aaff4d;transform:translateY(-2px)}.project-features{margin-bottom:25px}.project-features-title{color:#0f8;font-size:18px;font-weight:700;margin-bottom:15px;display:flex;align-items:center;gap:8px}.features-list{list-style:none;padding:0}.features-list li{color:#fff;border-left:3px solid #00ff88;padding:5px 0 5px 15px;margin-bottom:8px;transition:all .2s ease}.features-list li:hover{border-left-color:#0af;padding-left:20px}.project-links{display:flex;gap:15px;justify-content:center;margin-top:30px}.project-link{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:25px;text-decoration:none;font-weight:700;font-size:16px;transition:all .3s ease;border:2px solid;position:relative;overflow:hidden}.project-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.project-link:hover:before{left:100%}.project-link.demo{background:linear-gradient(45deg,#ff6b9d,#c44569);color:#fff;border-color:#ff6b9d}.project-link.demo:hover{background:linear-gradient(45deg,#c44569,#ff6b9d);transform:translateY(-3px);box-shadow:0 10px 25px #ff6b9d4d}.project-link.github{background:linear-gradient(45deg,#0af,#06c);color:#fff;border-color:#0af}.project-link.github:hover{background:linear-gradient(45deg,#06c,#0af);transform:translateY(-3px);box-shadow:0 10px 25px #00aaff4d}.project-modal-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,170,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,170,255,.05) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;border-radius:15px}.project-modal-content::-webkit-scrollbar{width:8px}.project-modal-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.project-modal-content::-webkit-scrollbar-thumb{background:#0af;border-radius:4px}.project-modal-content::-webkit-scrollbar-thumb:hover{background:#08c}@media (max-width: 768px){.project-modal-content{padding:20px;margin:20px;width:calc(100% - 40px)}.project-title{font-size:24px}.project-links{flex-direction:column;align-items:center}.project-link{width:100%;justify-content:center}}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10000;opacity:1;transition:opacity 1s ease-in-out}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-content{width:300px;height:300px;position:relative;display:flex;justify-content:center;align-items:center}.loading-content .planet{width:65%;height:65%;background-color:#546c8c;border-radius:100%;position:absolute;display:flex;align-items:center;transform-origin:center center;box-shadow:inset 2px -10px #0000001a;animation:planet 5s ease infinite alternate}@keyframes planet{0%{transform:rotate(10deg)}to{transform:rotate(-10deg)}}.loading-content .planet .ring{position:absolute;width:300px;height:300px;border-radius:100%;background-color:#bacbd9;display:flex;align-items:center;justify-content:center;transform-origin:33% center;box-shadow:2px -10px #0000001a,inset -5px -10px #0000001a;animation:ring 3s ease infinite}@keyframes ring{0%{transform:rotateX(110deg) rotate(0) translate(-50px,5px)}to{transform:rotateX(110deg) rotate(360deg) translate(-50px,5px)}}.loading-content .planet .ring:before{content:"";position:absolute;width:10px;height:30px;border-radius:100%;background-color:#7ea1bf;z-index:2;left:-5px;box-shadow:inset -3px 3px #0003}.loading-content .planet .ring:after{content:"";position:absolute;width:240px;height:240px;border-radius:100%;background-color:#7ea1bf;box-shadow:inset 2px -10px #0000001a}.loading-content .planet .cover-ring{position:absolute;width:100%;height:50%;border-radius:100px 100px 80% 80%;transform:translateY(-17px);background-color:#546c8c;z-index:2;box-shadow:inset 0 -2px #0000001a}.loading-content .planet .spots{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;z-index:2}.loading-content .planet .spots span{width:30px;height:30px;background-color:#3c4359;position:absolute;border-radius:100%;box-shadow:inset -2px 3px #0000004d;animation:dots 5s ease infinite alternate}@keyframes dots{0%{box-shadow:inset -3px 3px #0000004d}to{box-shadow:inset 3px 3px #0000004d}}.loading-content .planet .spots span:nth-child(1){top:20px;right:50px}.loading-content .planet .spots span:nth-child(2){top:40px;left:50px;width:15px;height:15px}.loading-content .planet .spots span:nth-child(3){top:80px;left:20px;width:25px;height:25px}.loading-content .planet .spots span:nth-child(4){top:80px;left:90px;width:40px;height:40px}.loading-content .planet .spots span:nth-child(5){top:160px;left:70px;width:15px;height:15px}.loading-content .planet .spots span:nth-child(6){top:165px;left:125px;width:10px;height:10px}.loading-content .planet .spots span:nth-child(7){top:90px;left:150px;width:15px;height:15px}.loading-text{color:#bacbd9;font-size:16px;z-index:2;position:absolute;bottom:-50px;font-family:Roboto Mono,monospace;animation:text 4s ease infinite;width:200px;text-align:center;text-transform:uppercase;letter-spacing:2px}@keyframes text{0%{transform:translate(-30px);letter-spacing:0px;color:#bacbd9}25%{letter-spacing:4px;color:#7ea1bf}50%{transform:translate(30px);letter-spacing:0px;color:#bacbd9}75%{letter-spacing:4px;color:#7ea1bf}to{transform:translate(-30px);letter-spacing:0px;color:#bacbd9}}.loading-progress{position:absolute;bottom:80px;width:300px;height:4px;background:#bacbd933;border-radius:2px;overflow:hidden}.loading-progress-bar{height:100%;background:linear-gradient(90deg,#7ea1bf,#bacbd9,#7ea1bf);border-radius:2px;animation:progressBar 3s ease-in-out infinite;width:0%;transition:width .3s ease}@keyframes progressBar{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.loading-subtitle{position:absolute;bottom:100px;color:#7ea1bf;font-family:Roboto Mono,monospace;font-size:12px;opacity:.8;animation:fade 2s ease-in-out infinite alternate}@keyframes fade{0%{opacity:.5}to{opacity:1}}.loading-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 160px 30px,rgba(255,255,255,.4),transparent);background-repeat:repeat;background-size:200px 100px;animation:stars 20s linear infinite}@keyframes stars{0%{transform:translateY(0)}to{transform:translateY(-100px)}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-color: rgba(255, 255, 255, .87);--bg-color: #000000;--accent-color: #646cff;--accent-hover: #535bf2;--panel-bg: rgba(30, 30, 30, .9);--panel-border: rgba(255, 255, 255, .1);--input-bg: rgba(255, 255, 255, .1);--card-bg: rgba(255, 255, 255, .05);--shadow-color: rgba(0, 0, 0, .4);--glow-color: rgba(100, 108, 255, .4);--transition-speed: .3s}a{font-weight:500;color:var(--accent-color);text-decoration:inherit;transition:color var(--transition-speed) ease}a:hover{color:var(--accent-hover)}body{margin:0;padding:0;overflow:hidden;width:100vw;height:100vh;color:var(--text-color);background-color:var(--bg-color);transition:color var(--transition-speed) ease,background-color var(--transition-speed) ease}.dark-mode{--text-color: rgba(255, 255, 255, .87);--bg-color: #000000;--accent-color: #646cff;--accent-hover: #535bf2;--panel-bg: rgba(30, 30, 30, .9);--panel-border: rgba(255, 255, 255, .1);--input-bg: rgba(255, 255, 255, .1);--card-bg: rgba(255, 255, 255, .05);--shadow-color: rgba(0, 0, 0, .4);--glow-color: rgba(100, 108, 255, .4)}.light-mode{--text-color: #213547;--bg-color: #ffffff;--accent-color: #646cff;--accent-hover: #747bff;--panel-bg: rgba(240, 240, 240, .9);--panel-border: rgba(0, 0, 0, .1);--input-bg: rgba(0, 0, 0, .05);--card-bg: rgba(0, 0, 0, .03);--shadow-color: rgba(0, 0, 0, .2);--glow-color: rgba(100, 108, 255, .2)}canvas{display:block;width:100%;height:100%}#app{width:100%;height:100%;position:relative}@media (prefers-color-scheme: light){:root{--text-color: #213547;--bg-color: #ffffff;--accent-color: #646cff;--accent-hover: #747bff;--panel-bg: rgba(240, 240, 240, .9);--panel-border: rgba(0, 0, 0, .1);--input-bg: rgba(0, 0, 0, .05);--card-bg: rgba(0, 0, 0, .03);--shadow-color: rgba(0, 0, 0, .2);--glow-color: rgba(100, 108, 255, .2);color:var(--text-color);background-color:var(--bg-color)}a:hover{color:var(--accent-hover)}button{background-color:#f9f9f9}}:root{--accent-color: #2f81f7;--transition-speed: .3s}.menu-toggle{position:fixed;top:20px;right:20px;width:60px;height:60px;background:linear-gradient(135deg,#2f81f7,#8a2be2);border-radius:50%;z-index:1002;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:2px solid rgba(255,255,255,.1);box-shadow:0 8px 20px #2f81f74d,0 0 #2f81f766,inset 0 1px #fff3;cursor:pointer;display:flex;align-items:center;justify-content:center}.menu-toggle:hover{transform:scale(1.1);box-shadow:0 12px 30px #2f81f766,0 0 0 10px #2f81f71a,inset 0 1px #ffffff4d;background:linear-gradient(135deg,#4b90ff,#9f4fff)}.menu-toggle:active{transform:scale(.95)}.hamburger{cursor:pointer;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hamburger input{display:none}.hamburger svg{height:2em;width:2em;transition:transform .6s cubic-bezier(.4,0,.2,1)}.line{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.line-top-bottom{stroke-dasharray:12 63}.hamburger input:checked+svg{transform:rotate(-45deg)}.hamburger input:checked+svg .line-top-bottom{stroke-dasharray:20 300;stroke-dashoffset:-32.42}.menu-container{position:fixed;top:20px;right:20px;z-index:1001;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#0d1117,#161b22,#21262d);border-radius:20px;box-shadow:0 20px 40px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;padding:15px;max-width:350px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);transform:translate(100%) scale(.8);opacity:0;pointer-events:none;margin-top:70px}.menu-container.open{transform:translate(0) scale(1);opacity:1;pointer-events:auto}.menu-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#2f81f71a,#8a2be21a);opacity:0;transition:opacity .3s ease;border-radius:20px}.menu-container.open:before{opacity:1}.menu h2{color:#fff;margin:0 0 20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1);text-align:center;font-size:1.8rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(45deg,#2f81f7,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.menu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;width:280px;background:transparent;border-radius:15px;transition:all .5s ease;gap:8px}.menu-item{font-size:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:15px 20px;color:#e6edf3;display:flex;position:relative;gap:15px;cursor:pointer;border-radius:12px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-sizing:border-box;align-items:center;font-weight:500;overflow:hidden;transform:translate(-20px);opacity:0}.menu-container.open .menu-item{transform:translate(0);opacity:1}.menu-item:nth-child(1){transition-delay:.1s}.menu-item:nth-child(2){transition-delay:.15s}.menu-item:nth-child(3){transition-delay:.2s}.menu-item:nth-child(4){transition-delay:.25s}.menu-item:nth-child(5){transition-delay:.3s}.menu-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#2f81f71a,#8a2be21a);opacity:0;transition:all .3s ease;border-radius:12px}.menu-item:after{content:"";position:absolute;top:50%;left:-3px;width:4px;height:0;background:linear-gradient(to bottom,#2f81f7,#8a2be2);border-radius:2px;transition:all .4s ease;transform:translateY(-50%)}.menu-item:hover{transform:translate(8px) scale(1.02);background:#ffffff14;border-color:#2f81f74d;box-shadow:0 8px 25px #2f81f733,0 0 0 1px #2f81f71a;color:#fff}.menu-item:hover:before{opacity:1}.menu-item:hover:after{height:60%}.menu-item:active{transform:translate(12px) scale(.98);background:#2f81f71a}.menu-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.4em;transition:all .3s ease;filter:drop-shadow(0 0 8px rgba(47,129,247,.3))}.menu-item:hover .menu-icon{transform:scale(1.2) rotate(5deg);filter:drop-shadow(0 0 12px rgba(47,129,247,.6))}.menu-text{font-weight:600;letter-spacing:.5px;position:relative}.menu-item:hover .menu-text{text-shadow:0 0 8px rgba(47,129,247,.5)}.menu-container:hover .menu-item:not(:hover){transform:translate(-5px) scale(.96);opacity:.6;filter:blur(1px)}@keyframes pulse{0%{box-shadow:0 0 #2f81f7b3}70%{box-shadow:0 0 0 10px #2f81f700}to{box-shadow:0 0 #2f81f700}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes glow{0%,to{box-shadow:0 0 5px #2f81f780}50%{box-shadow:0 0 20px #2f81f7cc,0 0 30px #2f81f799}}.menu-toggle{animation:pulse 2s infinite}.menu-toggle:hover{animation:glow 1s ease-in-out infinite alternate}@media (max-width: 768px){.menu-toggle{width:50px;height:50px;top:15px;right:15px}.menu-container{max-width:300px;top:15px;right:15px;margin-top:60px}.menu-list{width:250px}.menu-item{padding:12px 15px;font-size:15px}}.sections-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999}.section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#1e1e1ecc;color:#fff;border-radius:10px;padding:20px;max-width:600px;width:80%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 8px #00000080;opacity:0;pointer-events:none;transition:opacity .3s ease}.section.active{opacity:1;pointer-events:auto}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2)}.section-header h2{margin:0;font-size:1.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(45deg,#2f81f7,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.section-close:hover{background-color:#ffffff1a;transform:rotate(90deg)}.section h2{margin-top:0;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:10px}.section-content{margin-top:20px}.btn{padding:8px 16px;border:none;border-radius:5px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.btn-primary{background-color:#646cff;color:#fff}.btn-primary:hover{background-color:#535bf2}.btn-secondary{background-color:#ffffff1a;color:#fff}.btn-secondary:hover{background-color:#fff3}.setting-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.toggle-button{padding:5px 10px;background-color:#ffffff1a;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.toggle-button:hover{background-color:#fff3}.instructions{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.instructions h3{margin-top:0}.instructions p{margin:5px 0}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#e6edf3}.form-group input,.form-group textarea{width:100%;max-width:100%;padding:12px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;box-sizing:border-box;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#2f81f7;background-color:#ffffff26;box-shadow:0 0 0 2px #2f81f733}.form-group textarea{resize:vertical;min-height:100px}.contact-form{width:100%;max-width:100%}.contact-info{margin-bottom:20px;padding:15px;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1)}canvas{z-index:1;position:absolute;top:0;left:0}.panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#1e1e1ee6;color:#fff;border-radius:10px;box-shadow:0 8px 16px #0006;z-index:1000;width:80%;max-width:800px;max-height:80vh;overflow-y:auto}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.panel-header h2{margin:0;font-size:1.5rem}.close-button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.close-button:hover{background-color:#ffffff1a}.panel-content{padding:20px}.about-panel .profile-image{width:150px;height:150px;border-radius:50%;background-color:#3498db;margin:0 auto 20px;background-image:url(https://via.placeholder.com/150);background-size:cover;background-position:center;border:3px solid rgba(255,255,255,.2)}.about-panel h3{text-align:center;margin-bottom:5px}.about-panel .title{text-align:center;color:#3498db;margin-top:0;margin-bottom:20px}.about-text{margin-bottom:20px;line-height:1.6}.skills h4{margin-bottom:10px}.skills ul{display:flex;flex-wrap:wrap;gap:10px;padding-left:0;list-style:none}.skills li{background-color:#3498db33;padding:5px 10px;border-radius:5px;font-size:.9rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.project-card{background-color:#ffffff0d;border-radius:8px;overflow:hidden;transition:transform .3s ease}.project-card:hover{transform:translateY(-5px)}.project-image{height:150px;background-color:#3498db;background-size:cover;background-position:center}.project-card h3{padding:15px 15px 5px;margin:0}.project-card p{padding:0 15px 15px;margin:0;font-size:.9rem;color:#ffffffb3}.project-links{display:flex;padding:0 15px 15px;gap:10px}.project-links a{padding:5px 10px;background-color:#3498db33;border-radius:5px;font-size:.8rem;transition:background-color .3s ease}.project-links a:hover{background-color:#3498db66}.contact-panel .panel-content{display:grid;grid-template-columns:1fr 1fr;gap:30px}@media (max-width: 768px){.contact-panel .panel-content{grid-template-columns:1fr}}.contact-info{padding-left:20px;border-left:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.contact-info{padding-left:0;border-left:none;border-top:1px solid rgba(255,255,255,.1);padding-top:20px}}.settings-panel .panel-content{display:flex;flex-direction:column;gap:20px}.setting-item{display:flex;justify-content:space-between;align-items:center}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff3;transition:var(--transition-speed)}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:var(--transition-speed)}input:checked+.slider{background-color:var(--accent-color)}input:focus+.slider{box-shadow:0 0 1px var(--accent-color)}.contact-info h3{margin-top:0;margin-bottom:15px}.contact-info p{display:flex;align-items:center;margin-bottom:10px}.contact-icon{margin-right:10px;font-style:normal}.social-links{display:flex;gap:10px;margin-top:20px}.social-links a{padding:8px 12px;background-color:#3498db33;border-radius:5px;transition:background-color .3s ease}.social-links a:hover{background-color:#3498db66}.settings-panel .panel-content{padding:20px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.setting-item:last-child{border-bottom:none}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#3498db}input:focus+.slider{box-shadow:0 0 1px #3498db}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.resume-info{background:#ffffff0d;border-radius:8px;padding:20px;margin-bottom:20px;border-left:4px solid var(--accent-color)}.resume-info h3{color:var(--accent-color);margin:0 0 8px;font-size:1.5em;font-weight:600}.resume-info .title{color:#fff;font-size:1.1em;font-weight:500;margin:0 0 12px}.resume-info .description{color:#fffc;line-height:1.6;margin:0}.resume-summary{background:#ffffff08;border-radius:8px;padding:20px;margin-bottom:25px}.resume-summary h4{color:var(--accent-color);margin:0 0 15px;font-size:1.2em}.resume-summary ul{list-style:none;padding:0;margin:0}.resume-summary li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#ffffffe6}.resume-summary li:last-child{border-bottom:none}.resume-summary strong{color:var(--accent-color);margin-right:8px}.resume-buttons{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.resume-buttons .btn{flex:1;min-width:200px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;transition:all .3s ease}.resume-buttons .btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #3498db4d}.resume-note{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:6px;padding:15px;text-align:center}.resume-note p{margin:0;color:#ffc107e6;font-size:.9em}@media (max-width: 768px){.panel{width:90%;max-height:90vh}.projects-grid{grid-template-columns:1fr}.resume-buttons{flex-direction:column}.resume-buttons .btn{min-width:auto}}.about-hero{background:#ffffff0d;border-radius:12px;padding:25px;margin-bottom:25px;border-left:4px solid var(--accent-color)}.profile-section{display:flex;align-items:center;gap:20px}.profile-avatar{width:80px;height:80px;background:linear-gradient(135deg,#2f81f7,#8a2be2);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 15px #2f81f74d}.avatar-text{font-size:1.8em;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.profile-info h3{color:var(--accent-color);margin:0 0 8px;font-size:1.4em}.profile-info .title{color:#fff;margin:0 0 5px;font-size:1.1em}.profile-info .status{color:#4caf50;margin:0;font-size:.9em}.about-description{background:#ffffff08;border-radius:8px;padding:20px;margin-bottom:25px}.about-description h4{color:var(--accent-color);margin:0 0 15px}.skills-section{background:#ffffff08;border-radius:8px;padding:20px;margin-bottom:25px}.skills-section h4{color:var(--accent-color);margin:0 0 20px}.skills-grid{display:grid;gap:20px}.skill-category h5{color:#fff;margin:0 0 10px;font-size:1em}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:#2f81f733;color:#fff;padding:6px 12px;border-radius:20px;font-size:.85em;border:1px solid rgba(47,129,247,.3);transition:all .3s ease}.skill-tag:hover{background:#2f81f74d;transform:translateY(-2px)}.exploration-hint{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:20px}.hint-card h4{color:#ffc107e6;margin:0 0 15px}.controls-info{margin-top:15px}.control-key{background:#ffffff1a;padding:4px 8px;border-radius:4px;font-family:monospace;font-weight:700;margin:0 2px}.projects-intro{background:#ffffff0d;border-radius:8px;padding:20px;margin-bottom:25px;border-left:4px solid var(--accent-color)}.projects-intro h4{color:var(--accent-color);margin:0 0 15px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:25px}.project-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;transition:all .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #2f81f733;border-color:#2f81f74d}.project-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.project-icon{font-size:1.8em;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.project-header h5{color:#fff;margin:0;font-size:1.1em}.project-description{color:#fffc;margin-bottom:15px;line-height:1.5}.project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.tech-tag{background:#8a2be233;color:#fff;padding:4px 8px;border-radius:12px;font-size:.8em;border:1px solid rgba(138,43,226,.3)}.project-status{display:flex;justify-content:flex-end}.status-badge{padding:6px 12px;border-radius:20px;font-size:.8em;font-weight:500}.status-badge.completed{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.interaction-guide{background:#ffffff08;border-radius:8px;padding:20px}.guide-card h4{color:var(--accent-color);margin:0 0 20px}.guide-steps{display:flex;flex-direction:column;gap:15px}.guide-step{display:flex;align-items:center;gap:15px;padding:12px;background:#ffffff0d;border-radius:8px}.step-number{background:var(--accent-color);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step-text{color:#ffffffe6}.contact-intro{background:#ffffff0d;border-radius:8px;padding:20px;margin-bottom:25px;border-left:4px solid var(--accent-color)}.contact-intro h4{color:var(--accent-color);margin:0 0 15px}.contact-methods{margin-bottom:25px}.contact-methods h4{color:var(--accent-color);margin:0 0 20px}.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:25px}.contact-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:20px;display:flex;align-items:center;gap:15px;transition:all .3s ease}.contact-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #2f81f733;border-color:#2f81f74d}.contact-icon{font-size:2em;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.contact-details h5{color:#fff;margin:0 0 8px}.contact-link{color:var(--accent-color);text-decoration:none;font-weight:500;transition:color .3s ease}.contact-link:hover{color:#4b90ff;text-decoration:underline}.contact-note{color:#fff9;margin:5px 0 0;font-size:.85em}.contact-form-section{background:#ffffff08;border-radius:8px;padding:25px;margin-bottom:25px}.contact-form-section h4{color:var(--accent-color);margin:0 0 20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-submit{width:100%;padding:15px;background:linear-gradient(135deg,#2f81f7,#8a2be2);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:1em;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.contact-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2f81f766}.response-time{background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:8px;padding:20px}.response-card h4{color:#4caf50;margin:0 0 15px}.response-card p{color:#ffffffe6;margin:0}.settings-intro{background:#ffffff0d;border-radius:8px;padding:20px;margin-bottom:25px;border-left:4px solid var(--accent-color)}.settings-intro h4{color:var(--accent-color);margin:0 0 15px}.settings-section{margin-bottom:30px}.settings-section h4{color:var(--accent-color);margin:0 0 20px}.settings-grid{display:grid;gap:15px;margin-bottom:25px}.setting-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:20px;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease}.setting-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2f81f733;border-color:#2f81f74d}.setting-header{display:flex;align-items:center;gap:15px}.setting-icon{font-size:1.8em;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.setting-info h5{color:#fff;margin:0 0 5px}.setting-description{color:#ffffffb3;margin:0;font-size:.9em}.controls-section{margin-bottom:30px}.controls-section h4{color:var(--accent-color);margin:0 0 20px}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px}.control-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;text-align:center;transition:all .3s ease}.control-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #2f81f733;border-color:#2f81f74d}.control-icon{font-size:2em;margin-bottom:10px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.control-info h5{color:#fff;margin:0 0 10px}.control-keys{display:flex;justify-content:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.key{background:#ffffff1a;padding:6px 10px;border-radius:6px;font-family:monospace;font-weight:700;color:var(--accent-color);border:1px solid rgba(255,255,255,.2);min-width:35px;text-align:center}.control-info p{color:#ffffffb3;margin:0;font-size:.85em}.tips-section h4{color:var(--accent-color);margin:0 0 20px}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.tip-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;display:flex;align-items:flex-start;gap:15px;transition:all .3s ease}.tip-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2f81f733;border-color:#2f81f74d}.tip-icon{font-size:1.8em;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.tip-content h5{color:#fff;margin:0 0 8px}.tip-content p{color:#fffc;margin:0;font-size:.9em;line-height:1.4}@media (max-width: 768px){.profile-section{flex-direction:column;text-align:center}.form-row{grid-template-columns:1fr}.controls-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tips-grid,.projects-grid{grid-template-columns:1fr}}