*{margin:0;padding:0}html,body{overflow:hidden;height:100vh}#css{position:fixed;z-index:99}.webgl{position:fixed;top:0;left:0;outline:none}#loader{position:fixed;background:#000;top:0;left:0;width:100%;height:100%;z-index:1000;transition:backdrop-filter .3s ease}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;position:relative;perspective:1000px}.logo-section{text-align:center;margin-bottom:100px;display:flex;flex-direction:column;align-items:center;position:relative;gap:20px;transform-style:preserve-3d;will-change:transform}.windows-logo{width:100px;height:80px;position:absolute;top:-100%;left:45%;filter:drop-shadow(2px 2px 4px rgba(255,255,255,.1))}.flag-part{position:absolute;border-radius:2px}.flag-red{top:0;left:0;width:45px;height:35px;background:linear-gradient(135deg,#f44,#c33);clip-path:polygon(0 0,85% 0,100% 100%,0 85%)}.flag-green{top:0;right:0;width:45px;height:35px;background:linear-gradient(135deg,#4f4,#3c3);clip-path:polygon(15% 0,100% 0,100% 85%,0 100%)}.flag-blue{bottom:0;left:0;width:45px;height:35px;background:linear-gradient(135deg,#44f,#33c);clip-path:polygon(0 15%,85% 0,100% 100%,0 100%)}.flag-yellow{bottom:0;right:0;width:45px;height:35px;background:linear-gradient(135deg,#ff4,#cc3);clip-path:polygon(15% 0,100% 15%,100% 100%,0 100%)}.system-text{color:#fff;display:flex;position:relative;align-items:baseline;gap:5px}.microsoft-text{position:absolute;top:-10px;left:0;font-size:16px;font-weight:400;opacity:.9}.windows-text{font-size:64px;font-weight:400;letter-spacing:-1px}.xp-text{position:relative;top:-30px;font-size:30px;font-weight:noal;color:#ff6b35;letter-spacing:-1px}.portfolio-section{position:absolute;top:60%;left:50%;transform:translate(-50%);text-align:center}.portfolio-title{color:#fff;font-size:24px;font-weight:700;margin-bottom:5px;letter-spacing:1px}.portfolio-subtitle{color:#ccc;font-size:14px;font-weight:400;margin-bottom:40px}.loading-section{text-align:center;width:100%}.progress-container{width:200px;height:15px;background:#000;border:1px solid #666666;border-radius:5px;margin:0 auto;position:relative;overflow:hidden}.progress-blocks{display:flex;height:100%;position:absolute;left:0;top:0}.progress-block{width:12px;height:100%;background:linear-gradient(135deg,#7fa7e6,#619ff1,#1557b0);margin-right:2px;opacity:0;animation:blockMove 2.5s infinite linear}.progress-block:nth-child(1){animation-delay:0s}.progress-block:nth-child(2){animation-delay:.3s}.progress-block:nth-child(3){animation-delay:.6s}@keyframes blockMove{0%{opacity:0;transform:translate(-20px)}15%{opacity:1;transform:translate(0)}85%{opacity:1;transform:translate(170px)}to{opacity:0;transform:translate(190px)}}.note{position:absolute;bottom:30px;left:30px;color:#888;font-size:14px;font-weight:400}.microsoft-logo{position:absolute;bottom:30px;right:30px;color:#888;font-size:18px;font-weight:700;font-style:italic}.progress-block{animation-timing-function:steps(12,end)}@keyframes stutter{0%,85%,to{transform:translate(0)}90%,95%{transform:translate(-.5px)}}.loading-section{animation:stutter 4s infinite}