*{margin:0;padding:0;box-sizing:border-box}body{font-family:Tahoma,"MS Sans Serif",sans-serif;overflow:hidden;width:100vw;height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:99999;background:repeating-linear-gradient(0deg,rgba(0,0,0,.02) 0px,transparent 1px,transparent 2px);animation:crt-scanlines 8s linear infinite}body:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:99998;background:radial-gradient(ellipse at center,transparent 0%,transparent 70%,rgba(0,0,0,.05) 90%,rgba(0,0,0,.1) 100%)}@keyframes crt-scanlines{0%{transform:translateY(0)}to{transform:translateY(4px)}}.desktop{width:100vw;height:100vh;background:url(/wallpaper.jpg) center center / cover no-repeat;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;overflow:hidden;padding-bottom:40px}.desktop-icons{position:fixed;top:10px;left:10px;display:grid;grid-template-columns:1fr;gap:12px;z-index:5;pointer-events:none;max-height:calc(100vh - 100px);overflow:visible}.desktop-icon{width:75px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:default;padding:3px;border-radius:2px}.desktop-icon-image{width:32px;height:32px;background-size:contain;background-position:center;background-repeat:no-repeat;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.5));position:relative}.icon-recycle-bin{background-image:url(/icons/recycle-bin.png)}.icon-google-chrome{background-image:url(/icons/google-chrome.png)}.icon-hypercam{background-image:url(/icons/hypercam.png)}.icon-fraps{background-image:url(/icons/fraps.png)}.icon-yahoo-messenger{background-image:url(/icons/yahoo-messenger.png)}.icon-internet-explorer{background-image:url(/icons/internet-explorer.png)}.desktop-icon-label{font-family:Tahoma,sans-serif;font-size:11px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.9),0 0 5px rgba(0,0,0,.8),-1px -1px 1px rgba(0,0,0,.7);text-align:center;line-height:1.2;font-weight:400;max-width:75px;word-wrap:break-word}.xp-taskbar{position:fixed;bottom:0;left:0;right:0;height:40px;background:linear-gradient(180deg,#245edb,#1941a5 3%,#1941a5 97%,#15368c);border-top:1px solid #1f4ba8;display:flex;align-items:center;padding:0 4px;gap:4px;z-index:9999;box-shadow:inset 0 1px #ffffff26,0 -2px 4px #0000004d}.start-button{height:32px;padding:0 14px 0 8px;background:linear-gradient(180deg,#5edb5e,#3fad55 3%,#2d8b41 97%,#266f35);border:1px solid;border-color:#6bd179 #1d6b2f #1d6b2f #6bd179;border-radius:0 0 6px 6px;display:flex;align-items:center;gap:6px;cursor:pointer;box-shadow:inset 1px 1px #ffffff80,inset 0 -1px #0003,1px 0 #0003;font-family:Tahoma,"MS Sans Serif",sans-serif;font-weight:700;font-size:14px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.6);font-style:italic}.start-button:hover{background:linear-gradient(180deg,#6eec6e,#4dc661 3%,#349947 97%,#2a7f3c)}.start-button:active{background:linear-gradient(180deg,#2d8b41,#236b32 97%,#1a5426);box-shadow:inset 0 1px 3px #00000080}.start-icon{width:30px;height:30px;background-image:url(/taskbar/start-icon.png);background-size:contain;background-position:center;background-repeat:no-repeat;flex-shrink:0}.taskbar-button{height:32px;min-width:160px;padding:0 12px;background:linear-gradient(180deg,#3d7bde,#2e6acc,#2558c5);border:1px solid;border-color:#5a9cff #1a3d7a #1a3d7a #5a9cff;border-radius:3px;display:flex;align-items:center;gap:8px;cursor:default;box-shadow:inset 0 1px #fff6,inset 0 -1px #0003;font-family:Tahoma,sans-serif;font-size:13px;color:#fff;font-weight:600;text-shadow:1px 1px 1px rgba(0,0,0,.7)}.taskbar-button-active{background:linear-gradient(180deg,#1a3d7a,#153361,#0f2650);border:1px solid;border-color:#0f2650 #5a9cff #5a9cff #0f2650;box-shadow:inset 0 1px 3px #0009,inset 0 0 8px #0000004d}.taskbar-icon{width:20px;height:20px;background-image:url(/taskbar/paint-icon.png);background-size:contain;background-position:center;background-repeat:no-repeat;flex-shrink:0}.system-tray{margin-left:auto;height:35px;background:linear-gradient(180deg,#124bb299,#0a2d78cc);border:1px solid;border-color:rgba(255,255,255,.2) rgba(0,0,0,.4) rgba(0,0,0,.4) rgba(255,255,255,.2);border-radius:3px;padding:0 12px;display:flex;align-items:center;gap:15px;box-shadow:inset 1px 1px #0000004d}.system-tray-icon{width:23px;height:23px;background-size:contain;background-position:center;background-repeat:no-repeat;flex-shrink:0}.system-tray-icon:nth-child(1){background-image:url(/taskbar/tray-icon-1.png)}.system-tray-icon:nth-child(2){background-image:url(/taskbar/tray-icon-2.png)}.system-tray-icon:nth-child(3){background-image:url(/taskbar/tray-icon-3.png)}.clock{font-family:Tahoma,sans-serif;font-size:14px;color:#fff;font-weight:600;text-shadow:1px 1px 1px rgba(0,0,0,.7);white-space:nowrap}.paint-window{width:100vw;height:100vh;background:#c4c4c4;border:0;box-shadow:none;display:flex;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;font-family:Tahoma,"MS Sans Serif",sans-serif;filter:saturate(1) contrast(1) brightness(1);gap:0;line-height:1;overflow:hidden;max-width:100%;max-height:100%}.paint-window>*{margin:0;padding:0}.paint-window:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.008) 2px,rgba(0,0,0,.008) 4px);pointer-events:none;z-index:1000;opacity:.1}.title-bar{height:22px;background:linear-gradient(180deg,#171a73,#171a73,#171a73);display:flex;align-items:center;justify-content:space-between;padding:0 3px 0 2px;border-bottom:0;box-shadow:none;margin:0;line-height:1}.title-bar-left{display:flex;align-items:center;gap:3px;line-height:1}.title-icon{width:16px;height:16px;background:linear-gradient(135deg,transparent 0%,transparent 35%,#333 35%,#333 65%,transparent 65%),linear-gradient(45deg,#ff6b6b,#ff8e53 40%,#ffd93d);border:1px solid #333;border-radius:2px;position:relative;box-shadow:inset -1px -1px 1px #0000004d}.title-icon:before{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;background:radial-gradient(circle,#4a9eff 30%,#06c);border-radius:50%;border:1px solid #003d7a}.title-text{color:#fff;font-size:12px;font-weight:700;letter-spacing:0;text-shadow:1px 1px 1px rgba(0,0,0,.5);line-height:1}.title-buttons{display:flex;gap:0;line-height:1}.title-btn{width:24px;height:22px;background:#c4c4c4;border:1px solid;border-color:#e8d8f0 #908098 #908098 #e8d8f0;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#000;font-family:Tahoma,sans-serif;box-shadow:inset 1px 1px #ffffff80;position:relative;flex-shrink:0}.minimize-btn:after{content:"";position:absolute;bottom:7px;left:4px;right:4px;height:2px;background:#000}.maximize-btn:after{content:"";position:absolute;top:4px;left:4px;width:11px;height:10px;border:2px solid #000;border-bottom-width:2px}.close-btn:before,.close-btn:after{content:"";position:absolute;width:14px;height:2px;background:#000;top:50%;left:50%}.close-btn:before{transform:translate(-50%,-50%) rotate(45deg)}.close-btn:after{transform:translate(-50%,-50%) rotate(-45deg)}.title-btn:hover{background:#d8c0e0}.title-btn:active{background:#b8a0c0;border-color:#908098 #e8d8f0 #e8d8f0 #908098;box-shadow:inset 1px 1px 2px #0003}.menu-bar{height:19px;background:#c4c4c4;border-bottom:0;border-top:0;display:flex;align-items:center;padding:0;gap:0;box-shadow:none;margin:0;line-height:1}.menu-item{padding:6px 14px;font-size:14px;color:#000;border:0;cursor:pointer;background:transparent;font-family:Tahoma,sans-serif;border-radius:0;line-height:1;margin:0;font-weight:400}.menu-item:hover{border:0;background:navy;color:#fff;box-shadow:none}.menu-item:active{background:navy;color:#fff;border:0;box-shadow:none}.toolbar-area{display:flex;flex:1;overflow:hidden;margin:0;padding:0;gap:0}.mobile-toolbar-toggle,.mobile-toolbar-overlay,.mobile-toolbar-drawer{display:none}.left-toolbar{width:55px;background:#c4c4c4;border-right:1px solid;border-color:#e8d8f0 #908098 #908098 #e8d8f0;padding:3px;display:flex;flex-direction:column;gap:0;box-shadow:inset 1px 1px #ffffff80;margin:0;flex-shrink:0}.tool-group{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-bottom:0}.tool-btn{width:24px;height:24px;background:#c4c4c4;border:1px solid;border-color:#e8d8f0 #908098 #908098 #e8d8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 1px 1px #ffffff4d;margin:0}.tool-btn:hover{background:#d8c0e0}.tool-btn:active{background:#b8a0c0;border-color:#908098 #e8d8f0 #e8d8f0 #908098;box-shadow:inset 1px 1px 2px #0000004d}.tool-icon{width:20px;height:20px;position:relative;background-size:contain;background-repeat:no-repeat;background-position:center}.icon-select-free{background-image:url(/tools/select-free.png)}.icon-select{background-image:url(/tools/select.png)}.icon-eraser{background-image:url(/tools/eraser.png)}.icon-fill{background-image:url(/tools/fill.png)}.icon-picker{background-image:url(/tools/picker.png)}.icon-zoom{background-image:url(/tools/zoom.png)}.icon-pencil{background-image:url(/tools/pencil.png)}.icon-brush{background-image:url(/tools/brush.png)}.icon-airbrush{background-image:url(/tools/airbrush.png)}.icon-text{background-image:url(/tools/text.png)}.icon-line{background-image:url(/tools/line.png)}.icon-curve{background-image:url(/tools/curve.png)}.icon-rectangle{background-image:url(/tools/rectangle.png)}.icon-polygon{background-image:url(/tools/polygon.png)}.icon-ellipse{background-image:url(/tools/ellipse.png)}.icon-rounded-rect{background-image:url(/tools/rounded-rect.png)}.canvas-container{flex:1;display:flex;flex-direction:column;overflow:hidden;margin:0;padding:0;gap:0}.canvas-wrapper{flex:1;padding:0;background:#c4c4c4;overflow:hidden;border-bottom:0;position:relative;margin:0}.paint-canvas{width:100%;height:100%;background:linear-gradient(45deg,#e0e0e0 25%,transparent 25%),linear-gradient(-45deg,#e0e0e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e0e0 75%),linear-gradient(-45deg,transparent 75%,#e0e0e0 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;background-color:#fff;border:0;position:relative;overflow:auto;box-shadow:none;margin:0;padding:0}.paint-canvas.content-view{background:transparent!important}.paint-canvas::-webkit-scrollbar{width:16px;height:16px;background:#c4c4c4}.paint-canvas::-webkit-scrollbar-track{background:#c4c4c4;border:1px solid;border-color:#908098 #e8d8f0 #e8d8f0 #908098;box-shadow:inset 1px 1px 2px #0000001a}.paint-canvas::-webkit-scrollbar-thumb{background:#c4c4c4;border:1px solid;border-color:#e8d8f0 #908098 #908098 #e8d8f0;box-shadow:inset 1px 1px #ffffff80}.paint-canvas::-webkit-scrollbar-thumb:hover{background:#d8c0e0}.paint-canvas::-webkit-scrollbar-button{width:16px;height:16px;background:#c4c4c4;border:1px solid;border-color:#e8d8f0 #908098 #908098 #e8d8f0;background-repeat:no-repeat;background-position:center}.paint-canvas::-webkit-scrollbar-button:vertical:decrement{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"><path d="M 4 2 L 1 6 L 7 6 Z" fill="%23000"/></svg>')}.paint-canvas::-webkit-scrollbar-button:vertical:increment{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"><path d="M 4 6 L 1 2 L 7 2 Z" fill="%23000"/></svg>')}.paint-canvas::-webkit-scrollbar-button:horizontal:decrement{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"><path d="M 2 4 L 6 1 L 6 7 Z" fill="%23000"/></svg>')}.paint-canvas::-webkit-scrollbar-button:horizontal:increment{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"><path d="M 6 4 L 2 1 L 2 7 Z" fill="%23000"/></svg>')}.paint-canvas::-webkit-scrollbar-corner{background:#c4c4c4;border:1px solid #908098}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(4px)}}@keyframes flicker{0%{opacity:.27861}5%{opacity:.34769}10%{opacity:.23604}15%{opacity:.90626}20%{opacity:.18128}25%{opacity:.83891}30%{opacity:.65583}35%{opacity:.67807}40%{opacity:.26559}45%{opacity:.84693}50%{opacity:.96019}55%{opacity:.08594}60%{opacity:.20313}65%{opacity:.71988}70%{opacity:.53455}75%{opacity:.37288}80%{opacity:.71428}85%{opacity:.70419}90%{opacity:.7003}95%{opacity:.36108}to{opacity:.24387}}.paint-canvas:hover:before{animation:scanlines 4s linear infinite,glitch 1s infinite}@keyframes glitch{2%,64%{transform:translate(2px) skew(0)}4%,60%{transform:translate(-2px) skew(0)}62%{transform:translate(0) skew(5deg)}}.status-bar{height:18px;background:#c4c4c4;border-top:0;display:flex;align-items:center;justify-content:space-between;padding:0 3px;gap:3px;box-shadow:none;font-size:12px;line-height:1;margin:0}.status-section{display:flex;align-items:center;gap:2px;font-size:13px;color:#000;flex:1;line-height:1;margin:0}.status-right{display:flex;gap:4px;align-items:center}.status-coords,.status-size{min-width:80px;height:16px;background:#c4c4c4;border:2px solid;border-color:#908098 #e8d8f0 #e8d8f0 #908098;box-shadow:inset 1px 1px 2px #0003;display:flex;align-items:center;padding:0 4px;font-size:9px}.status-divider{width:1px;height:14px;background:gray;border-right:1px solid #ffffff}.color-palette{height:45px;background:#c4c4c4;border-top:1px solid;border-color:#e8d8f0 #908098 #908098 #e8d8f0;padding:3px 4px;display:flex;align-items:center;gap:4px;box-shadow:inset 1px 1px #ffffff80;flex-shrink:0}.color-preview-box{position:relative;width:32px;height:32px;flex-shrink:0}.color-box{width:20px;height:20px;border:2px solid;border-color:#908098 #e8d8f0 #e8d8f0 #908098;position:relative;box-shadow:inset 1px 1px 2px #0000004d}.color-primary{background:#000;z-index:2;position:absolute;top:0;left:0}.color-secondary{background:#fff;position:absolute;bottom:0;right:0;width:20px;height:20px}.color-grid{display:flex;flex-wrap:wrap;gap:1px}.color-swatch{width:16px;height:16px;border:1px solid #666;cursor:default;box-shadow:inset 0 0 1px #0003}.color-swatch:nth-child(1){background:#000}.color-swatch:nth-child(2){background:gray}.color-swatch:nth-child(3){background:maroon}.color-swatch:nth-child(4){background:olive}.color-swatch:nth-child(5){background:green}.color-swatch:nth-child(6){background:teal}.color-swatch:nth-child(7){background:navy}.color-swatch:nth-child(8){background:purple}.color-swatch:nth-child(9){background:#808040}.color-swatch:nth-child(10){background:#004040}.color-swatch:nth-child(11){background:#0080ff}.color-swatch:nth-child(12){background:#004080}.color-swatch:nth-child(13){background:#8000ff}.color-swatch:nth-child(14){background:#804000}.color-swatch:nth-child(15){background:#fff}.color-swatch:nth-child(16){background:silver}.color-swatch:nth-child(17){background:red}.color-swatch:nth-child(18){background:#ff0}.color-swatch:nth-child(19){background:#0f0}.color-swatch:nth-child(20){background:#0ff}.color-swatch:nth-child(21){background:#00f}.color-swatch:nth-child(22){background:#f0f}.color-swatch:nth-child(23){background:#ffff80}.color-swatch:nth-child(24){background:#80ffff}.color-swatch:nth-child(25){background:#8080ff}.color-swatch:nth-child(26){background:#ff0080}.color-swatch:nth-child(27){background:#ff8040}.color-swatch:nth-child(28){background:#c08060}.paint-canvas canvas{width:100%!important;height:100%!important;display:block;cursor:grab}.paint-canvas canvas:active{cursor:grabbing}@media (max-width: 768px){.paint-window{width:100vw;height:100vh;height:100dvh;max-width:100vw;max-height:100vh;max-height:100dvh;position:fixed;top:0;left:0;overflow:hidden}.title-bar{height:24px;padding:0 2px;flex-shrink:0}.title-icon{width:14px;height:14px;flex-shrink:0}.title-text{font-size:11px;flex-shrink:1;min-width:0}.title-btn{width:22px;height:22px;min-width:22px;flex-shrink:0}.minimize-btn:after{bottom:6px;left:4px;right:4px;height:2px}.maximize-btn:after{width:10px;height:9px;top:5px;left:5px;border-width:2px;border-bottom-width:2px}.close-btn:before,.close-btn:after{width:11px;height:2px}.menu-bar{height:20px;padding:0 2px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex-shrink:0}.menu-item{padding:4px 8px;font-size:11px;white-space:nowrap;flex-shrink:0}.toolbar-area{display:flex;flex-direction:row;flex:1;min-height:0;overflow:hidden;width:100%;position:relative}.left-toolbar{display:none!important}.mobile-toolbar-toggle{display:flex;position:absolute;bottom:70px;left:12px;width:44px;height:44px;border-radius:50%;background:#c4c4c4;border:2px solid;border-color:#e8d8f0 #908098 #908098 #e8d8f0;box-shadow:2px 2px 4px #0000004d,inset 1px 1px #ffffff80;align-items:center;justify-content:center;z-index:200;cursor:pointer;color:#000;padding:0}.mobile-toolbar-toggle:active{border-color:#908098 #e8d8f0 #e8d8f0 #908098;box-shadow:inset 1px 1px 2px #0003}.mobile-toolbar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:250;pointer-events:none}.mobile-toolbar-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.mobile-toolbar-drawer{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:80px;height:100%;background:#c4c4c4;border-right:2px solid;border-color:#e8d8f0 #908098 #908098 #e8d8f0;box-shadow:4px 0 10px #0000004d;transform:translate(-100%);transition:transform .3s ease;z-index:300;overflow-y:auto;overflow-x:hidden}.mobile-toolbar-drawer.open{transform:translate(0)}.mobile-toolbar-header{display:flex;align-items:center;justify-content:space-between;padding:8px;background:linear-gradient(90deg,navy,#1084d0);color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.mobile-toolbar-close{width:20px;height:20px;background:silver;border:1px solid;border-color:#fff #808080 #808080 #fff;color:#000;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.mobile-toolbar-close:active{border-color:#808080 #fff #fff #808080}.mobile-toolbar-content{padding:6px;display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto}.mobile-toolbar-content .tool-group{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:4px}.mobile-toolbar-content .tool-btn{width:28px;height:28px;min-width:28px;min-height:28px}.mobile-toolbar-content .tool-icon{width:20px;height:20px}.canvas-container{flex:1;min-width:0;width:100%;display:flex;flex-direction:column;overflow:hidden}.canvas-wrapper{flex:1;min-height:0;width:100%;overflow:hidden;position:relative}.paint-canvas,.avatar-hud-container{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden}.paint-canvas canvas,.avatar-hud-container canvas{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%}.status-bar{height:18px;padding:1px 4px;flex-shrink:0;min-height:18px}.status-section{font-size:9px}.color-palette{height:38px!important;min-height:38px;padding:2px;display:flex!important;overflow-x:auto;overflow-y:hidden;flex-shrink:0;-webkit-overflow-scrolling:touch}.color-preview-box{width:28px;height:28px;flex-shrink:0}.color-box,.color-secondary{width:14px;height:14px}.color-swatch{width:14px;height:14px;flex-shrink:0}}@media (max-width: 480px){.title-text{font-size:10px}.menu-item{padding:3px 6px;font-size:10px}.left-toolbar{width:42px;min-width:42px;max-width:42px}.tool-btn{width:18px;height:18px}.tool-icon{width:14px;height:14px}}@media (hover: none) and (pointer: coarse){.menu-item{min-height:32px}.tool-btn{min-width:24px;min-height:24px}.title-btn{min-width:28px;min-height:24px}.tool-btn:hover,.menu-item:hover,.title-btn:hover{background:inherit}.tool-btn:active{background:#b8a0c0}.menu-item:active{background:navy;color:#fff}}.menu-item-active{background:navy!important;color:#fff!important}.content-view{background:transparent!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.section-content{width:100%;height:100%;padding:40px;overflow-y:auto;background:#fff;color:#000;font-family:Tahoma,Arial,sans-serif}.section-content h1{font-size:32px;margin-bottom:20px;color:navy;font-weight:700}.section-content h2{font-size:24px;margin-top:30px;margin-bottom:15px;color:navy;font-weight:700}.section-content p{font-size:16px;line-height:1.6;margin-bottom:15px;color:#000}.section-content ul,.section-content ol{margin-left:30px;margin-bottom:15px}.section-content li{margin-bottom:8px;line-height:1.5}@media (max-width: 768px){.section-content{padding:20px}.section-content h1{font-size:24px}.section-content h2{font-size:20px}.section-content p{font-size:14px}}.about-me-section{background:linear-gradient(90deg,rgba(200,180,220,.03) 1px,transparent 1px),linear-gradient(rgba(200,180,220,.03) 1px,transparent 1px),#fff;background-size:20px 20px;position:relative}.about-me-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,128,.01) 2px,rgba(0,0,128,.01) 4px);pointer-events:none;opacity:.5}.about-hero{margin-bottom:40px;position:relative;z-index:1}.about-title{font-size:48px!important;font-weight:900!important;color:navy!important;margin-bottom:24px!important;text-transform:uppercase;letter-spacing:-1px;text-shadow:3px 3px 0px rgba(211,132,211,.3)}.about-intro{font-size:18px!important;line-height:1.8!important;color:#000!important;margin-bottom:0!important;max-width:900px}.about-intro .highlight{font-weight:700;color:#c4c4c4;background:linear-gradient(180deg,transparent 70%,rgba(211,132,211,.3) 70%)}.about-intro .keyword{font-weight:600;color:navy}.about-card{background:#f0f0f0;border:2px solid;border-color:#e8d8f0 #908098 #908098 #e8d8f0;box-shadow:inset 1px 1px #ffffff80,2px 2px #0000001a;margin-bottom:30px;padding:0;position:relative;z-index:1;transition:transform .1s ease}.about-card:hover{transform:translateY(-2px);box-shadow:inset 1px 1px #ffffff80,3px 3px #00000026}.card-header{background:linear-gradient(180deg,#d8c0e0,#c4c4c4);border-bottom:2px solid;border-color:#908098 #e8d8f0 #e8d8f0 #908098;padding:10px 16px;display:flex;align-items:center;gap:10px}.card-icon{font-size:16px;color:navy;font-weight:700}.card-title{font-size:20px!important;font-weight:700!important;color:#000!important;margin:0!important;text-transform:uppercase;letter-spacing:.5px}.card-content{padding:24px;background:#fff}.card-intro{font-size:16px!important;font-weight:600!important;color:navy!important;margin-bottom:16px!important}.focus-list,.experience-list{list-style:none!important;margin:0!important;padding:0!important}.focus-list li,.experience-list li{margin-bottom:16px!important;padding-left:24px;position:relative;font-size:16px;line-height:1.6;color:#000}.bullet{position:absolute;left:0;top:0;color:#c4c4c4;font-weight:700;font-size:18px}.badge{background:linear-gradient(180deg,#e8d8f0,#d8c0e0);border:1px solid;border-color:#e8d8f0 #908098 #908098 #e8d8f0;padding:2px 8px;font-weight:600;color:navy;font-size:14px;white-space:nowrap;box-shadow:inset 1px 1px #ffffff80}.philosophy-card{background:linear-gradient(135deg,#f8f4fc,#f0f0f0)}.philosophy-intro{font-size:16px!important;font-weight:600!important;color:navy!important;margin-bottom:20px!important}.philosophy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.philosophy-item{background:#fff;border:2px solid;border-color:#e8d8f0 #908098 #908098 #e8d8f0;padding:16px;box-shadow:inset 1px 1px #ffffff80;transition:transform .1s ease}.philosophy-item:hover{transform:translate(2px);border-color:#c4c4c4 #908098 #908098 #c4c4c4}.philosophy-label{font-size:18px;font-weight:700;color:navy;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.philosophy-desc{font-size:14px;color:#000;line-height:1.5;font-style:italic}.about-footer{margin-top:50px;padding-top:30px;position:relative;z-index:1}.footer-line{height:2px;background:linear-gradient(90deg,#c4c4c4,navy,#c4c4c4);margin-bottom:20px;box-shadow:0 1px #ffffff80}.closing-text{font-size:17px!important;line-height:1.8!important;color:#000!important;font-style:italic;max-width:800px;text-align:left;padding:20px;background:#d384d30d;border-left:4px solid #c4c4c4}@media (max-width: 768px){.about-title{font-size:32px!important}.about-intro{font-size:16px!important}.philosophy-grid{grid-template-columns:1fr}.about-card{margin-bottom:20px}.card-content{padding:16px}}.about-dark-theme{background:#09090b;color:#e4e4e7;min-height:100%;padding:60px 40px;position:relative;overflow-y:auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.about-bg-gradient{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(120,119,198,.15),transparent 60%),radial-gradient(ellipse 60% 40% at 80% 50%,rgba(139,92,246,.1),transparent);pointer-events:none;z-index:0}.about-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 380px;gap:60px;position:relative;z-index:1}.about-content-column{display:flex;flex-direction:column;gap:32px}.about-sidebar-column{display:flex;flex-direction:column;gap:24px;position:sticky;top:20px;height:fit-content}.about-hero-dark{margin-bottom:20px}.hero-headline{font-size:56px!important;font-weight:700!important;line-height:1.1!important;color:#fff!important;margin-bottom:20px!important;letter-spacing:-1.5px;text-shadow:0 0 40px rgba(139,92,246,.3)}.hero-highlight{background:linear-gradient(135deg,#8b5cf6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.hero-subheadline{font-size:20px!important;line-height:1.6!important;color:#a1a1aa!important;font-weight:400;max-width:700px}.dark-card{background:#18181b99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(113,113,122,.2);border-radius:12px;padding:32px;position:relative;transition:all .3s ease}.dark-card:hover{border-color:#8b5cf666;transform:translateY(-2px);box-shadow:0 20px 40px #0006,0 0 30px #8b5cf61a}.card-glow{position:absolute;top:-1px;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.6),transparent);opacity:0;transition:opacity .3s ease}.dark-card:hover .card-glow{opacity:1}.section-title{font-size:24px!important;font-weight:600!important;color:#fff!important;margin-bottom:24px!important;display:flex;align-items:center;gap:12px}.title-icon{color:#8b5cf6;font-size:20px}.intro-card{background:#8b5cf60d;border-color:#8b5cf64d}.intro-text{font-size:17px!important;line-height:1.8!important;color:#d4d4d8!important}.text-accent{color:#a78bfa;font-weight:600}.text-muted{color:#a1a1aa}.work-grid{display:flex;flex-direction:column;gap:20px}.work-item{padding-left:20px;border-left:2px solid rgba(139,92,246,.3);transition:border-color .2s ease}.work-item:hover{border-left-color:#8b5cf6}.work-badge{font-size:16px;font-weight:600;color:#a78bfa;margin-bottom:8px}.work-desc{font-size:15px!important;color:#a1a1aa!important;line-height:1.6!important}.experience-dark-list{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:16px}.experience-dark-list li{font-size:16px;line-height:1.7;color:#d4d4d8;padding-left:24px;position:relative}.experience-dark-list li:before{content:"→";position:absolute;left:0;color:#8b5cf6;font-weight:700}.project-name{color:#a78bfa;font-weight:600}.philosophy-dark-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.philosophy-dark-item{background:#8b5cf60d;border:1px solid rgba(139,92,246,.2);border-radius:8px;padding:20px;transition:all .3s ease}.philosophy-dark-item:hover{background:#8b5cf61a;border-color:#8b5cf666;transform:translateY(-2px)}.philosophy-number{font-size:14px;font-weight:700;color:#8b5cf6;margin-bottom:8px;opacity:.6}.philosophy-label{font-size:18px;font-weight:600;color:#fff;margin-bottom:8px}.philosophy-desc{font-size:14px;color:#a1a1aa;line-height:1.5}.closing-dark{margin-top:20px}.separator-line{height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),transparent);margin-bottom:24px}.closing-text-dark{font-size:17px!important;line-height:1.8!important;color:#a1a1aa!important;font-style:italic;padding:24px;background:#8b5cf60d;border-left:3px solid #8b5cf6;border-radius:4px}.avatar-container{position:relative;display:flex;justify-content:center;padding:20px}.avatar-glow-ring{position:absolute;width:200px;height:200px;border-radius:50%;background:conic-gradient(from 180deg at 50% 50%,#8b5cf6,#6366f1,#8b5cf6);opacity:.4;filter:blur(20px);animation:rotate 8s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-circle{position:relative;width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,#8b5cf633,#6366f133);border:2px solid rgba(139,92,246,.5);display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.avatar-placeholder{font-size:72px;font-weight:700;color:#8b5cf6;text-shadow:0 0 20px rgba(139,92,246,.6)}.code-card{background:#121212cc;border:1px solid rgba(113,113,122,.3);border-radius:8px;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.code-card-header{background:#27272acc;padding:10px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(113,113,122,.2)}.code-dots{display:flex;gap:6px}.dot{width:12px;height:12px;border-radius:50%}.dot-red{background:#ef4444}.dot-yellow{background:#fbbf24}.dot-green{background:#10b981}.code-filename{font-size:12px;color:#a1a1aa;font-family:Courier New,monospace}.code-content{padding:20px}.code-block{font-family:Courier New,Monaco,monospace!important;font-size:13px!important;line-height:1.6!important;color:#d4d4d8!important;margin:0!important;white-space:pre;overflow-x:auto}.tech-stack-card{background:#18181b99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(113,113,122,.2);border-radius:12px;padding:24px}.stack-title{font-size:14px;font-weight:600;color:#a1a1aa;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.tech-badges{display:flex;flex-wrap:wrap;gap:8px}.tech-badge{display:inline-block;padding:6px 12px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:6px;font-size:13px;font-weight:500;color:#a78bfa;transition:all .2s ease}.tech-badge:hover{background:#8b5cf633;border-color:#8b5cf6;transform:translateY(-2px)}@media (max-width: 1200px){.about-container{grid-template-columns:1fr;gap:40px}.about-sidebar-column{position:relative;top:0}.philosophy-dark-grid{grid-template-columns:1fr}}@media (max-width: 768px){.about-dark-theme{padding:40px 20px}.hero-headline{font-size:36px!important}.hero-subheadline{font-size:16px!important}.dark-card{padding:24px}.avatar-glow-ring,.avatar-circle{width:150px;height:150px}.avatar-placeholder{font-size:56px}}.about-refined-dark{background:#0b0d10;color:#e2e8f0;min-height:100%;padding:60px 40px;position:relative;overflow-y:auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.about-refined-bg{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(71,85,105,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(30,41,59,.04) 0%,transparent 50%);pointer-events:none;z-index:0}.about-refined-container{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 340px;gap:60px;position:relative;z-index:1}.about-refined-content{display:flex;flex-direction:column;gap:40px}.about-refined-sidebar{display:flex;flex-direction:column;gap:24px;position:sticky;top:20px;height:fit-content}.hero-refined{margin-bottom:10px}.hero-greeting{font-size:52px!important;font-weight:600!important;line-height:1.2!important;color:#cbd5e1!important;margin-bottom:16px!important;letter-spacing:-.5px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.hero-name{font-weight:700;color:#ff3898;letter-spacing:-.8px;text-shadow:0 0 20px rgba(255,56,152,.3),0 0 40px rgba(255,56,152,.15)}.hero-tagline{font-size:28px!important;font-weight:500!important;line-height:1.4!important;color:#94a3b8!important;margin-bottom:16px!important;letter-spacing:-.3px}.hero-description{font-size:17px!important;line-height:1.7!important;color:#64748b!important;max-width:700px}.refined-card{background:#0f172a66;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:32px;transition:all .3s ease;box-shadow:0 0 #ff389800}.refined-card:hover{border-color:#ff389833;box-shadow:0 0 20px #ff389814,inset 0 0 20px #ff389808}.refined-section-title{font-size:20px!important;font-weight:600!important;color:#f1f5f9!important;margin-bottom:16px!important;letter-spacing:.3px;text-shadow:0 2px 6px rgba(0,0,0,.4)}.refined-separator{height:1px;background:linear-gradient(90deg,rgba(255,56,152,.3),rgba(255,56,152,.1),transparent);margin-bottom:24px;box-shadow:0 0 8px #ff389833}.work-refined-list{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:20px}.work-refined-list li{display:flex;flex-direction:column;gap:6px;padding-left:20px;border-left:2px solid rgba(255,56,152,.25);transition:all .3s ease;box-shadow:-2px 0 8px #ff389800}.work-refined-list li:hover{border-left-color:#ff389899;box-shadow:-2px 0 12px #ff389826}.work-domain{font-size:16px;font-weight:600;color:#ff3898;letter-spacing:.2px;text-shadow:0 0 15px rgba(255,56,152,.25)}.work-detail{font-size:15px;color:#94a3b8;line-height:1.5}.experience-refined-list{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:16px}.experience-refined-list li{font-size:16px;line-height:1.6;color:#cbd5e1;padding-left:24px;position:relative}.experience-refined-list li:before{content:"—";position:absolute;left:0;color:#475569;font-weight:600}.experience-refined-list strong{color:#ff3898;font-weight:600;text-shadow:0 0 12px rgba(255,56,152,.2)}.philosophy-refined-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.philosophy-refined-item{background:#0f172a99;border:1px solid rgba(255,255,255,.04);border-radius:6px;padding:20px;transition:all .2s ease}.philosophy-refined-item:hover{background:#0f172acc;border-color:#ff389826;box-shadow:0 0 15px #ff389814}.philosophy-refined-label{font-size:17px;font-weight:600;color:#f1f5f9;margin-bottom:8px;letter-spacing:.3px;text-shadow:0 1px 4px rgba(0,0,0,.4)}.philosophy-refined-desc{font-size:14px;color:#64748b;line-height:1.5}.closing-refined{padding-top:10px}.closing-refined p{font-size:16px!important;line-height:1.7!important;color:#64748b!important;padding:20px 24px;background:#0f172a4d;border-left:2px solid rgba(71,85,105,.4);border-radius:4px}.avatar-futuristic-container{position:relative;display:flex;justify-content:center;padding:30px;margin-bottom:10px}.avatar-glow-effect{position:absolute;width:300px;height:300px;border-radius:70%;background:radial-gradient(circle at center,rgba(14,165,233,.12) 0%,rgba(6,182,212,.08) 30%,transparent 70%);filter:blur(40px);z-index:0;pointer-events:none}.avatar-refined-container{position:relative;display:flex;justify-content:center;padding:20px}.avatar-refined-ring{position:absolute;width:164px;height:164px;border-radius:50%;border:1px solid rgba(255,56,152,.2);background:transparent;z-index:1;box-shadow:0 0 15px #ff389826,inset 0 0 15px #ff389814}.avatar-refined-circle{position:relative;width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#0f172acc,#1e293b99);border:1px solid rgba(71,85,105,.3);overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:2}.avatar-refined-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#0ea5e914,#06b6d40d)}.avatar-refined-image{width:100%;height:100%;object-fit:cover;object-position:center}.config-terminal-card{background:#0a0f1999;border:1px solid rgba(71,85,105,.3);border-radius:10px;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #0000004d,0 0 0 1px #0ea5e90d;margin-bottom:20px;transition:border-color .3s ease}.config-terminal-card:hover{border-color:#ff389840;box-shadow:0 4px 12px #0000004d,0 0 20px #ff38981f}.terminal-header{background:#0f172acc;padding:10px 14px;border-bottom:1px solid rgba(71,85,105,.2);display:flex;align-items:center}.terminal-dots{display:flex;gap:7px}.dot{width:11px;height:11px;border-radius:50%;opacity:.8}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green{background:#28c840}.terminal-content{padding:20px;background:#0003}.terminal-code{margin:0;padding:0;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.7;color:#e2e8f0}.terminal-code code{display:block}.terminal-code code:before{content:""}.info-card-futuristic{background:#0f172a66;border:1px solid rgba(71,85,105,.25);border-radius:8px;padding:20px;margin-bottom:20px;transition:border-color .3s ease}.info-card-futuristic:hover{border-color:#ff389833;box-shadow:0 0 15px #ff389814}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-item{display:flex;flex-direction:column;gap:6px}.info-label-compact{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.8px}.info-value-compact{font-size:13px;font-weight:500;color:#cbd5e1;line-height:1.4}.info-card-refined{background:#0f172a66;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:14px}.info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.info-label{font-size:13px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px;min-width:90px}.info-value{font-size:14px;font-weight:500;color:#cbd5e1;text-align:right;flex:1}.tech-refined-card{background:#0f172a66;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:20px}.tech-refined-title{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}.tech-refined-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{display:inline-block;padding:6px 12px;background:#ff389814;border:1px solid rgba(255,56,152,.2);border-radius:4px;font-size:13px;font-weight:500;color:#ff3898;transition:all .3s ease;text-shadow:0 0 10px rgba(255,56,152,.15)}.tech-tag:hover{background:#ff389826;border-color:#ff389859;box-shadow:0 0 12px #ff389833;transform:translateY(-1px)}@media (max-width: 1200px){.about-refined-container{grid-template-columns:1fr;gap:40px}.about-refined-sidebar{position:relative;top:0}.philosophy-refined-grid,.info-grid{grid-template-columns:1fr}}@media (max-width: 768px){.about-refined-dark{padding:20px 12px;min-height:100%;height:auto}.about-ambient-light{display:none}.about-container{max-width:100%;padding:0}.hero-greeting{font-size:32px!important}.hero-tagline{font-size:18px!important}.hero-description{font-size:14px!important;line-height:1.5}.refined-card{padding:20px;margin:0 8px}.avatar-glow-effect{width:140px;height:140px}.avatar-refined-ring,.avatar-refined-circle{width:100px;height:100px}.avatar-refined-image{width:90px;height:90px}.terminal-code{font-size:11px}}.projects-refined-dark{background:#0b0d10;color:#e2e8f0;width:100%;height:100%;min-height:100%;padding:60px 40px;position:relative;overflow-y:auto;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.projects-ambient-light{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 25%,rgba(255,56,152,.12) 0%,rgba(139,92,246,.08) 30%,transparent 55%),radial-gradient(circle at 85% 75%,rgba(139,92,246,.1) 0%,rgba(255,56,152,.06) 30%,transparent 60%),radial-gradient(circle at 50% 50%,rgba(59,130,246,.05) 0%,transparent 50%),radial-gradient(circle at 30% 80%,rgba(255,56,152,.08) 0%,transparent 40%);pointer-events:none;z-index:0;animation:ambientPulse 12s ease-in-out infinite}@keyframes ambientPulse{0%,to{opacity:.7;transform:scale(1)}33%{opacity:.9;transform:scale(1.02)}66%{opacity:.8;transform:scale(.98)}}.projects-container{max-width:1400px;width:100%;margin:0 auto;position:relative;z-index:1;padding-bottom:40px}.projects-container:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.15),transparent 70%);border-radius:50%;filter:blur(60px);pointer-events:none;animation:floatBlob1 20s ease-in-out infinite;z-index:-1}.projects-container:after{content:"";position:absolute;bottom:-150px;left:-150px;width:500px;height:500px;background:radial-gradient(circle,rgba(255,56,152,.12),transparent 70%);border-radius:50%;filter:blur(70px);pointer-events:none;animation:floatBlob2 25s ease-in-out infinite;z-index:-1}@keyframes floatBlob1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-30px,-50px) scale(1.1)}66%{transform:translate(20px,30px) scale(.9)}}@keyframes floatBlob2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.15)}66%{transform:translate(-25px,40px) scale(.95)}}.projects-header{margin-bottom:50px;max-width:900px}.projects-title{font-size:48px!important;font-weight:700!important;color:#f1f5f9!important;margin-bottom:16px!important;letter-spacing:-.5px;line-height:1.2!important;text-shadow:0 0 30px rgba(255,56,152,.25),0 4px 12px rgba(0,0,0,.6)}.projects-subtitle{font-size:17px!important;line-height:1.7!important;color:#94a3b8!important;max-width:800px;text-shadow:0 2px 6px rgba(0,0,0,.5)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:28px;margin-top:40px}.project-card{background:linear-gradient(135deg,#0f172a99,#1e293b66);border:1px solid transparent;background-clip:padding-box;border-radius:16px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff0d}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(255,56,152,.3),rgba(139,92,246,.2),rgba(59,130,246,.15),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;transition:opacity .4s ease}.project-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 40px #00000080,0 0 40px #ff389833,0 0 80px #8b5cf626,inset 0 0 30px #ff389814}.project-card:hover:before{opacity:1;animation:rotateBorder 3s linear infinite}@keyframes rotateBorder{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.project-image-container{position:relative;width:100%;height:240px;background:linear-gradient(135deg,#0f172ae6,#1e293bb3);overflow:hidden}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1),filter .4s ease;filter:brightness(.9) contrast(1.05)}.project-card:hover .project-image{transform:scale(1.08) rotate(1deg);filter:brightness(1) contrast(1.1)}.project-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#ff38980d,#8b5cf614 30%,#0b0d1080 70%,#0b0d10cc);z-index:1;pointer-events:none;transition:opacity .4s ease}.project-card:hover .project-image-overlay{background:linear-gradient(180deg,#ff38981a,#8b5cf61f 30%,#0b0d1066 70%,#0b0d10bf)}.project-image-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff38981f,#ff38980f)}.project-image-fallback:after{content:"PROJECT";font-size:14px;font-weight:600;color:#475569;letter-spacing:2px}.project-content{padding:28px;display:flex;flex-direction:column;gap:16px;flex:1}.project-title{font-size:20px!important;font-weight:600!important;color:#f1f5f9!important;line-height:1.3!important;margin:0!important;letter-spacing:.2px;text-shadow:0 0 15px rgba(255,56,152,.2),0 2px 6px rgba(0,0,0,.5)}.project-description{font-size:14px!important;line-height:1.7!important;color:#94a3b8!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-tech-stack{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}.project-tech-badge{display:inline-block;padding:5px 11px;background:#ff389814;border:1px solid rgba(255,56,152,.2);border-radius:4px;font-size:12px;font-weight:500;color:#ff3898;transition:all .3s ease;white-space:nowrap;text-shadow:0 0 10px rgba(255,56,152,.2)}.project-tech-badge:hover{background:#ff389826;border-color:#ff389866;box-shadow:0 0 15px #ff389840;transform:translateY(-1px)}.project-actions{display:flex;gap:10px;margin-top:auto;padding-top:8px}.project-button{flex:1;padding:10px 18px;border-radius:6px;font-size:14px;font-weight:500;text-align:center;text-decoration:none;transition:all .2s ease;cursor:pointer;border:1px solid transparent;position:relative;z-index:10;display:inline-block}.project-button-primary{background:#ff38981a;color:#ff3898;border-color:#ff38984d;text-shadow:0 0 10px rgba(255,56,152,.15)}.project-button-primary:hover{background:#ff38982e;border-color:#ff389880;box-shadow:0 0 20px #ff389840;transform:translateY(-1px)}.project-button-secondary{background:#47556926;color:#cbd5e1;border-color:#4755694d}.project-button-secondary:hover{background:#47556940;border-color:#47556966}.project-status{flex:1;padding:10px 18px;text-align:center;font-size:13px;font-weight:500;color:#94a3b8;background:linear-gradient(135deg,#47556926,#3341551a);border:1px solid rgba(139,92,246,.2);border-radius:6px;position:relative;overflow:hidden}.project-status:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.2),transparent);animation:statusGlow 2s ease-in-out infinite}@keyframes statusGlow{0%{left:-100%}to{left:100%}}@media (max-width: 1200px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px}}@media (max-width: 768px){.projects-refined-dark{padding:30px 16px 40px;min-height:100%;height:100%;overflow-y:auto;overflow-x:hidden}.projects-ambient-light{display:none}.projects-container{max-width:100%;width:100%;padding:0 0 30px}.projects-container:before,.projects-container:after{display:none}.projects-header{padding:0 4px;margin-bottom:24px}.projects-title{font-size:28px!important;margin-bottom:10px}.projects-subtitle{font-size:14px!important;line-height:1.5}.projects-grid{grid-template-columns:1fr;gap:20px;padding:0;width:100%}.project-card{margin:0;border-radius:12px;width:100%}.project-image-container{height:200px}.project-image{object-fit:cover}.project-content{padding:18px}.project-title{font-size:18px!important;margin-bottom:8px}.project-description{font-size:13px!important;line-height:1.5}.project-tech{gap:6px;flex-wrap:wrap}.project-tech-tag{font-size:11px;padding:4px 10px}.project-actions{flex-direction:row;gap:10px}.project-button{flex:1;font-size:12px;padding:10px 16px}}.skills-refined-dark{background:#0b0d10;color:#e2e8f0;min-height:100%;padding:60px 40px;position:relative;overflow-y:auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.skills-ambient-light{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(255,56,152,.12) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.1) 0%,transparent 55%),radial-gradient(circle at 40% 60%,rgba(59,130,246,.08) 0%,transparent 45%),radial-gradient(circle at 60% 20%,rgba(255,56,152,.08) 0%,transparent 40%);pointer-events:none;z-index:0;animation:skillsAmbientPulse 18s ease-in-out infinite}@keyframes skillsAmbientPulse{0%,to{opacity:.6}33%{opacity:.85}66%{opacity:.7}}.skills-decorative-elements{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.float-element{position:absolute;border-radius:50%;filter:blur(60px);opacity:.15}.float-1{width:300px;height:300px;background:radial-gradient(circle,rgba(255,56,152,.4),transparent);top:10%;left:5%;animation:float1 25s ease-in-out infinite}.float-2{width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.3),transparent);bottom:15%;right:10%;animation:float2 30s ease-in-out infinite}.float-3{width:250px;height:250px;background:radial-gradient(circle,rgba(59,130,246,.3),transparent);top:50%;left:50%;animation:float3 20s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(30px,-40px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(-40px,30px)}}@keyframes float3{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(calc(-50% + 20px),calc(-50% - 30px))}}.skills-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.skills-header{margin-bottom:60px;max-width:900px;text-align:center;margin-left:auto;margin-right:auto}.skills-title{font-size:52px!important;font-weight:700!important;color:#f1f5f9!important;margin-bottom:16px!important;letter-spacing:-.8px;line-height:1.1!important;text-shadow:0 0 40px rgba(255,56,152,.3),0 0 80px rgba(139,92,246,.2),0 4px 12px rgba(0,0,0,.6);background:linear-gradient(135deg,#f1f5f9,#ff3898,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skills-subtitle{font-size:17px!important;line-height:1.7!important;color:#94a3b8!important;max-width:800px;text-shadow:0 2px 6px rgba(0,0,0,.5);margin:0 auto}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:60px}.skill-card{background:#0f172ae6;border:2px solid rgba(255,56,152,.3);border-radius:20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #0009,0 0 0 1px #ff389833,inset 0 1px #ffffff14;overflow:hidden}.skill-card-image{position:relative;width:100%;height:200px;background:linear-gradient(135deg,#0f172af2,#1e293be6);overflow:hidden;border-bottom:2px solid rgba(255,56,152,.2)}.skill-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1),filter .4s ease;filter:brightness(.7) contrast(1.1)}.skill-card:hover .skill-image{transform:scale(1.1);filter:brightness(.85) contrast(1.15)}.skill-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#ff389814,#8b5cf61f 40%,#0b0d10b3);z-index:1;pointer-events:none}.skill-image-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff389826,#8b5cf61f)}.skill-image-fallback:before{content:attr(data-icon);font-size:80px;opacity:.3;z-index:1}.skill-icon-badge{position:absolute;top:16px;left:16px;width:50px;height:50px;background:#0b0d10f2;border:2px solid rgba(255,56,152,.5);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #000000b3,0 0 25px #ff38984d,inset 0 1px #ffffff1a;z-index:2;transition:all .3s ease}.skill-card:hover .skill-icon-badge{border-color:#ff3898cc;box-shadow:0 4px 20px #000c,0 0 40px #ff389880,inset 0 1px #ffffff26;transform:scale(1.1) rotate(5deg)}.skill-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:20px;padding:2px;background:linear-gradient(135deg,#ff389880,#8b5cf666,#3b82f64d,#ff389880);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;transition:opacity .4s ease;z-index:-1}.skill-card:hover{transform:translateY(-8px);border-color:#ff389880;box-shadow:0 16px 48px #000000b3,0 0 60px #ff38984d,0 0 100px #8b5cf633,0 0 0 1px #ff389866,inset 0 0 40px #ff38981a}.skill-card:hover:before{opacity:1;animation:borderGlow 2s ease-in-out infinite}@keyframes borderGlow{0%,to{opacity:1}50%{opacity:.7}}.skill-card-content{padding:28px}.skill-category{font-size:22px!important;font-weight:600!important;color:#f1f5f9!important;margin:0 0 12px!important;letter-spacing:.3px;line-height:1.3!important;text-shadow:0 0 15px rgba(255,56,152,.25),0 2px 8px rgba(0,0,0,.5)}.skill-description{font-size:14px!important;line-height:1.6!important;color:#94a3b8!important;margin:0 0 20px!important}.skill-chips{display:flex;flex-wrap:wrap;gap:8px}.skill-chip{display:inline-block;padding:7px 14px;background:#ff38981a;border:1px solid rgba(255,56,152,.25);border-radius:6px;font-size:13px;font-weight:500;color:#ff3898;transition:all .3s ease;white-space:nowrap;text-shadow:0 0 8px rgba(255,56,152,.15)}.skill-chip:hover{background:#ff38982e;border-color:#ff389866;box-shadow:0 0 15px #ff389840;transform:translateY(-2px)}.skills-stats{display:flex;justify-content:center;align-items:center;gap:60px;padding:40px;background:linear-gradient(135deg,#0f172a99,#1e293b66);border:1px solid rgba(255,56,152,.15);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.stat-item{text-align:center}.stat-number{font-size:48px;font-weight:700;background:linear-gradient(135deg,#ff3898,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,56,152,.3);line-height:1;margin-bottom:8px}.stat-label{font-size:14px;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:1px}.stat-divider{width:1px;height:60px;background:linear-gradient(180deg,transparent,rgba(255,56,152,.3),transparent)}@media (max-width: 1200px){.skills-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width: 768px){.skills-refined-dark{padding:20px 12px;min-height:100%;height:auto}.skills-ambient-light{display:none}.skills-container{max-width:100%;padding:0}.skills-header{padding:0 8px;margin-bottom:24px}.skills-title{font-size:28px!important}.skills-subtitle{font-size:14px!important}.skills-grid{grid-template-columns:1fr;gap:20px}.skill-card-image{height:180px}.skill-icon-badge{width:45px;height:45px;font-size:22px;top:12px;left:12px}.skill-card-content{padding:24px}.skill-category{font-size:18px!important}.skill-chips{gap:6px}.skill-chip{font-size:12px;padding:6px 12px}.skills-stats{flex-direction:column;gap:30px;padding:30px}.stat-divider{width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,56,152,.3),transparent)}}.contact-section{position:relative;width:100%;min-height:100vh;background:#0b0d10;overflow:hidden;padding:80px 40px;display:flex;align-items:center;justify-content:center}.contact-ambient-light{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.contact-ambient-light .ambient-gradient{position:absolute;border-radius:50%;filter:blur(150px);opacity:.06}.contact-ambient-light .ambient-1{width:700px;height:700px;background:radial-gradient(circle,rgba(255,138,76,.3) 0%,transparent 70%);top:10%;left:10%}.contact-ambient-light .ambient-2{width:600px;height:600px;background:radial-gradient(circle,rgba(255,56,152,.2) 0%,transparent 70%);bottom:15%;right:10%}.contact-container-centered{position:relative;z-index:1;max-width:1200px;width:100%;display:flex;flex-direction:column;align-items:center;gap:40px}.pass-card{background:linear-gradient(135deg,#f5efe7,#e8dcc8);border-radius:24px;padding:8px;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff1a,inset 0 1px #ffffff4d;max-width:900px;width:100%;transform:perspective(1000px) rotateX(1deg);transition:all .4s ease}.pass-card:hover{transform:perspective(1000px) rotateX(0) translateY(-4px);box-shadow:0 25px 80px #000000b3,0 0 0 1px #ffffff26}.pass-card-inner{display:grid;grid-template-columns:180px 1fr 200px;gap:0;background:linear-gradient(135deg,#f8f4ed,#ede4d3);border-radius:18px;padding:32px;position:relative;border:2px dashed rgba(0,0,0,.08)}.pass-card-left{display:flex;flex-direction:column;gap:12px;padding-right:24px;border-right:2px dashed rgba(0,0,0,.12)}.pass-card-portrait{width:100%;height:200px;background:transparent;border:3px solid rgba(0,0,0,.8);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 20px #0009,0 0 40px #0006,inset 0 0 20px #0003}.pass-card-portrait img{width:100%;height:100%;object-fit:cover;object-position:center}.pass-barcode{display:flex;flex-direction:column;align-items:center;gap:4px;margin:8px 0}.barcode-image{width:115%;height:auto;max-height:200px;object-fit:contain}.barcode-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px}.barcode-lines{display:flex;gap:3px;height:50px;align-items:flex-end}.barcode-line{width:4px;background:#000;border-radius:1px}.barcode-line:nth-child(1){height:45px}.barcode-line:nth-child(2){height:50px}.barcode-line:nth-child(3){height:38px}.barcode-line:nth-child(4){height:50px}.barcode-line:nth-child(5){height:42px}.barcode-line:nth-child(6){height:50px}.barcode-line:nth-child(7){height:35px}.barcode-line:nth-child(8){height:50px}.barcode-number{font-size:10px;font-family:Courier New,monospace;color:#0009;letter-spacing:1px}.social-links-compact{display:flex;flex-direction:column;gap:6px;width:100%}.social-link-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#00000008;border:1px solid rgba(0,0,0,.15);border-radius:8px;text-decoration:none;transition:all .3s ease;cursor:pointer}.social-link-item:hover{background:#00000014;border-color:#0000004d;transform:translate(4px);box-shadow:0 4px 12px #00000026}.social-link-item:nth-child(1):hover{border-color:#333}.social-link-item:nth-child(2):hover{border-color:#0077b5}.social-link-item:nth-child(3):hover{border-color:#ffa116}.social-link-item:nth-child(4):hover{border-color:#ea4335}.social-icon-box{width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.social-svg{width:25px;height:25px;color:#0009;transition:all .3s ease}.social-link-item:hover .social-svg{color:#000000e6;transform:scale(1.1)}.social-link-item:nth-child(1):hover .social-svg{color:#333}.social-link-item:nth-child(2):hover .social-svg{color:#0077b5}.social-link-item:nth-child(3):hover .social-svg{color:#ffa116}.social-link-item:nth-child(4):hover .social-svg{color:#ea4335}.social-text{font-size:12px;font-weight:600;color:#000000b3;letter-spacing:.5px;font-family:Courier New,monospace;text-transform:uppercase;transition:all .3s ease}.social-link-item:hover .social-text{color:#000000e6}.pass-card-center{padding:0 32px;display:flex;flex-direction:column;gap:20px}.pass-header{text-align:center;margin-bottom:8px}.pass-title{font-size:32px;font-weight:700;color:#000;letter-spacing:4px;margin-bottom:4px;text-transform:uppercase;font-family:Georgia,Times New Roman,serif}.pass-subtitle{font-size:10px;color:#00000080;text-transform:uppercase;letter-spacing:1.5px;font-weight:500;font-family:Courier New,monospace}.pass-divider{height:2px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.2),transparent);margin:8px 0}.pass-details{display:flex;flex-direction:column;gap:8px}.pass-field{display:flex;align-items:baseline;gap:12px;font-family:Courier New,Lucida Console,monospace;font-size:15px;line-height:1.8}.pass-label{color:#000000b3;font-weight:700;min-width:100px;font-size:16px}.pass-value{color:#000;font-weight:600;font-size:15px}.pass-provision{background:#10b98126;border:2px solid rgba(16,185,129,.4);border-radius:8px;padding:10px 16px;text-align:center;font-size:11px;font-weight:700;color:#059669;letter-spacing:.8px;margin-top:4px;font-family:Courier New,monospace}.pass-contact-form{display:flex;flex-direction:column;gap:12px}.pass-form-title{font-size:14px;font-weight:700;color:#000000b3;letter-spacing:2px;text-transform:uppercase;font-family:Courier New,monospace;margin-bottom:8px}.pass-form{display:flex;flex-direction:column;gap:8px}.pass-form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pass-form-input,.pass-form-textarea{width:100%;padding:10px 12px;background:#ffffff80;border:1px solid rgba(0,0,0,.2);border-radius:6px;color:#000;font-size:12px;font-family:Courier New,monospace;transition:all .3s ease;outline:none}.pass-form-input::placeholder,.pass-form-textarea::placeholder{color:#0006;font-size:11px}.pass-form-input:focus,.pass-form-textarea:focus{background:#ffffffb3;border-color:#0006;box-shadow:0 0 0 2px #0000000d}.pass-form-textarea{resize:vertical;min-height:60px;max-height:100px;line-height:1.5}.pass-form-errors{display:flex;flex-direction:column;gap:4px;margin-top:-6px}.pass-error-text{font-size:9px;color:#dc2626;font-weight:600;font-family:Courier New,monospace;letter-spacing:.5px}.pass-form-submit{padding:10px 20px;background:#000c;border:1px solid rgba(0,0,0,.9);border-radius:6px;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .3s ease;font-family:Courier New,monospace;margin-top:6px}.pass-form-submit:hover{background:#000;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.pass-form-submit:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.pass-form-input.input-error,.pass-form-textarea.input-error{border-color:#dc2626;background:#dc26260d}.provision-icon{margin-right:6px}.pass-footer-icons{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;padding-top:12px;border-top:1px dashed rgba(0,0,0,.1)}.pass-icon{font-size:14px;color:#0006}.pass-icon-text{font-size:12px;font-weight:900;color:#0009;letter-spacing:1px}.pass-card-right{display:flex;flex-direction:column;padding-left:8px;border-left:2px dashed rgba(0,0,0,.12);align-items:center;justify-content:center}.pass-profile-image{width:100%;height:100%;min-height:400px;background:transparent;border:none;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.profile-photo{width:100%;height:100%;object-fit:cover;object-position:center top}.detection-box{position:absolute;border:2px solid #00ff41;background:#00ff410d;pointer-events:none;animation:detectPulse 2s ease-in-out infinite;z-index:2}.detection-head-right{top:12%;left:10%;width:70%;height:16%}.detection-shoes{bottom:4%;left:1%;width:90%;height:11%;border-color:#ff3898;background:#ff38980d}.detection-label{position:absolute;top:-18px;left:0;background:#000000e6;color:#00ff41;padding:2px 8px;font-size:9px;font-weight:700;letter-spacing:.5px;font-family:Courier New,monospace;border:1px solid #00ff41;border-radius:3px;white-space:nowrap}.detection-shoes .detection-label{color:#ff3898;border-color:#ff3898}@keyframes detectPulse{0%,to{opacity:.6;box-shadow:0 0 5px currentColor}50%{opacity:1;box-shadow:0 0 15px currentColor}}.contact-links-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;width:100%}.contact-card{background:#0f172ad9;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #0006}.section-heading{font-size:16px;font-weight:700;color:#ffffffe6;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.social-links-horizontal{display:flex;flex-wrap:wrap;gap:12px}.social-link-compact{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;text-decoration:none;color:#fffc;font-size:14px;font-weight:600;transition:all .3s ease}.social-link-compact:hover{background:#ff38981a;border-color:#ff389866;color:#ff3898;transform:translateY(-2px);box-shadow:0 4px 16px #ff389833}.contact-form-compact{display:flex;flex-direction:column;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group-compact{display:flex;flex-direction:column;gap:6px}.form-input-compact,.form-textarea-compact{width:100%;padding:12px 14px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffe6;font-size:14px;font-family:inherit;transition:all .3s ease;outline:none}.form-input-compact::placeholder,.form-textarea-compact::placeholder{color:#ffffff4d}.form-input-compact:focus,.form-textarea-compact:focus{background:#0006;border-color:#ff389880;box-shadow:0 0 0 3px #ff38981a}.form-textarea-compact{resize:vertical;min-height:100px;max-height:200px;line-height:1.5}.input-error{border-color:#ef444480!important;background:#ef44440d!important}.error-message{font-size:11px;color:#ef4444;font-weight:500}.form-submit-btn-compact{padding:12px 24px;background:linear-gradient(135deg,#ff3898,#ff6b9d);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #ff38984d;margin-top:6px}.form-submit-btn-compact:hover{background:linear-gradient(135deg,#ff1b7d,#ff3898);box-shadow:0 6px 24px #ff389880;transform:translateY(-2px)}.form-submit-btn-compact:active{transform:translateY(0)}@media (max-width: 1024px){.pass-card-inner{grid-template-columns:140px 1fr 160px;padding:24px;gap:16px}.pass-card-left,.pass-card-right{padding:0 16px}.pass-card-center{padding:0 20px}.contact-links-wrapper{grid-template-columns:1fr}}@media (max-width: 768px){.contact-section{padding:20px 10px}.pass-card{max-width:100%;margin:20px 10px;padding:20px}.pass-card-inner{grid-template-columns:1fr;gap:20px;padding:20px}.pass-card-left{border-right:none;border-bottom:2px dashed rgba(0,0,0,.12);padding-right:0;padding-bottom:20px;align-items:center}.pass-card-portrait{width:150px;height:150px;margin:0 auto}.pass-barcode{width:100%;max-width:200px}.social-links-compact{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px}.social-link-item{flex:0 0 calc(50% - 8px)}.pass-card-center{padding:0 0 20px;border-right:none;border-bottom:2px dashed rgba(0,0,0,.12)}.pass-title{font-size:24px}.pass-subtitle{font-size:9px}.pass-label{font-size:13px}.pass-value{font-size:12px}.pass-form-title{font-size:14px}.pass-form-row{grid-template-columns:1fr;gap:8px}.pass-form-input,.pass-form-textarea{font-size:13px;padding:8px 10px}.pass-form-submit{font-size:13px;padding:10px 20px}.pass-card-right{padding:0;min-height:300px}.pass-profile-image{height:300px}.detection-box{font-size:9px}}.avatar-hud-container{position:relative;width:100%;height:100%;overflow:hidden}.avatar-bounding-box{position:absolute;top:7%;left:50%;transform:translate(-50%);width:45%;height:65%;border:2px solid #ff4fd8;border-radius:12px;box-shadow:0 0 15px #ff4fd866,0 0 30px #ff4fd833,inset 0 0 20px #ff4fd81a;pointer-events:none;z-index:10}.corner-marker{position:absolute;width:20px;height:20px;border:2px solid #ff4fd8;pointer-events:none}.corner-marker.top-left{top:-2px;left:-2px;border-right:none;border-bottom:none}.corner-marker.top-right{top:-2px;right:-2px;border-left:none;border-bottom:none}.corner-marker.bottom-left{bottom:-2px;left:-2px;border-right:none;border-top:none}.corner-marker.bottom-right{bottom:-2px;right:-2px;border-left:none;border-top:none}.avatar-annotation{position:absolute;top:18%;right:8%;width:180px;display:flex;align-items:center;gap:0;pointer-events:none;z-index:11}.annotation-arrow{width:100px;height:60px;filter:drop-shadow(0 0 8px rgba(255,79,216,.6))}.annotation-label{background:linear-gradient(135deg,#ff4fd8,#ff1493);padding:6px 14px;border-radius:20px;box-shadow:0 0 15px #ff4fd880,0 0 30px #ff4fd84d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,79,216,.8)}.annotation-label span{font-family:Courier New,monospace;font-size:11px;font-weight:700;color:#fff;letter-spacing:1.5px;text-shadow:0 0 10px rgba(255,255,255,.8)}.camera-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:12}.camera-bracket{position:absolute;width:40px;height:40px;border:2px solid rgba(255,255,255,.35);opacity:.8}.camera-bracket.top-left-bracket{top:20px;left:20px;border-right:none;border-bottom:none}.camera-bracket.top-right-bracket{top:20px;right:20px;border-left:none;border-bottom:none}.camera-bracket.bottom-left-bracket{bottom:20px;left:20px;border-right:none;border-top:none}.camera-bracket.bottom-right-bracket{bottom:20px;right:20px;border-left:none;border-top:none}.rec-indicator{position:absolute;top:30px;left:80px;display:flex;align-items:center;gap:8px;background:#0009;padding:4px 10px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rec-dot{width:8px;height:8px;background:red;border-radius:50%;box-shadow:0 0 10px #f00c;animation:rec-pulse 1.5s ease-in-out infinite}@keyframes rec-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.9)}}.rec-text{font-family:Courier New,monospace;font-size:10px;font-weight:700;color:#ffffffe6;letter-spacing:1px}.timestamp{position:absolute;top:30px;right:80px;background:#0009;padding:4px 10px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.timestamp span{font-family:Courier New,monospace;font-size:10px;font-weight:600;color:#ffffffd9;letter-spacing:1px}.avatar-hud-container canvas{width:100%!important;height:100%!important;object-fit:contain}@media (max-width: 768px){.camera-bracket{width:25px;height:25px}.camera-bracket.top-left-bracket,.camera-bracket.top-right-bracket{top:10px}.camera-bracket.top-left-bracket,.camera-bracket.bottom-left-bracket{left:10px}.camera-bracket.top-right-bracket,.camera-bracket.bottom-right-bracket{right:10px}.camera-bracket.bottom-left-bracket,.camera-bracket.bottom-right-bracket{bottom:10px}.rec-indicator{top:15px;left:50px;padding:3px 8px}.rec-dot{width:6px;height:6px}.rec-text{font-size:9px}.timestamp{top:15px;right:50px;padding:3px 8px}.timestamp span{font-size:9px}}