.loading-screen{z-index:10000;background:linear-gradient(135deg,#0f1419 0%,#1a1f29 50%,#0f1419 100%);justify-content:center;align-items:center;transition:opacity 1.5s;display:flex;position:fixed;inset:0;overflow:hidden}.loading-screen.fade-out{opacity:0;pointer-events:none}.code-rain{opacity:.15;transition:all 2s;position:absolute;inset:0;overflow:hidden}.code-rain.fall-bg{animation:2s ease-in forwards bgFall}@keyframes bgFall{0%{opacity:.15;transform:translateY(0)}to{opacity:0;transform:translateY(100vh)}}.code-line{color:#0ea5e9;white-space:nowrap;text-shadow:0 0 10px #0ea5e980;font-family:Courier New,monospace;font-size:.9rem;animation:linear infinite codeRainFall;position:absolute;top:-50px}@media (max-width:768px){.code-line{font-size:.7rem}.loading-content{width:95%;max-width:100%}}@keyframes codeRainFall{0%{opacity:0;transform:translateY(-50px)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh)}}.dev-icons{pointer-events:none;transition:all 2s;position:absolute;inset:0}.dev-icons.fall-icons{animation:2s ease-in forwards iconsFall}@keyframes iconsFall{0%{opacity:.6;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(150vh)rotate(720deg)}}.icon-float{color:#818cf84d;filter:drop-shadow(0 0 15px #818cf866);width:60px;height:60px;animation:6s ease-in-out infinite iconFloat;position:absolute}.icon-float svg{width:100%;height:100%}@keyframes iconFloat{0%,to{opacity:.3;transform:translateY(0)rotate(0)}50%{opacity:.6;transform:translateY(-30px)rotate(180deg)}}.loading-content{z-index:2;flex-direction:column;align-items:center;gap:3rem;width:90%;max-width:900px;transition:all 1s cubic-bezier(.68,-.55,.265,1.55);display:flex;position:relative}.loading-content.pulse-effect{animation:1s ease-out contentPulse}@keyframes contentPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.loading-content.fall-down{animation:2s cubic-bezier(.6,.04,.98,.335) forwards fallAndDisappear}@keyframes fallAndDisappear{0%{opacity:1;transform:translateY(0)rotateX(0)rotate(0)scale(1)}20%{opacity:.9;transform:translateY(80px)rotateX(10deg)rotate(-5deg)scale(.98)}40%{opacity:.7;transform:translateY(200px)rotateX(30deg)rotate(-15deg)scale(.85)}60%{opacity:.4;transform:translateY(400px)rotateX(60deg)rotate(-30deg)scale(.6)}80%{opacity:.15;transform:translateY(700px)rotateX(90deg)rotate(-50deg)scale(.3)}to{opacity:0;transform:translateY(150vh)rotateX(120deg)rotate(-70deg)scale(.1)}}.typing-terminal{background:#1a1f29e6;border:2px solid #0ea5e966;border-radius:12px;width:100%;max-width:700px;transition:all .8s;animation:3s ease-in-out infinite terminalGlow;overflow:hidden;box-shadow:0 20px 60px #000c,0 0 40px #0ea5e94d,inset 0 0 20px #ffffff0d}.typing-terminal.terminal-fall{animation:2s ease-in forwards terminalFallSpin}@keyframes terminalFallSpin{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}to{opacity:0;transform:translateY(150vh)rotate(360deg)scale(.2)}}.typing-terminal.expand-glow{border-color:#0ea5e9;transform:scale(1.05);box-shadow:0 30px 80px #000000e6,0 0 100px #0ea5e9cc,0 0 150px #818cf899,inset 0 0 40px #ffffff26}@keyframes terminalGlow{0%,to{box-shadow:0 20px 60px #000c,0 0 40px #0ea5e94d,inset 0 0 20px #ffffff0d}50%{box-shadow:0 20px 60px #000c,0 0 60px #0ea5e999,inset 0 0 30px #ffffff14}}.terminal-header{background:#1e1e1e;border-bottom:1px solid #0ea5e933;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex}.terminal-dots{gap:.5rem;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f57}.dot.yellow{background:#ffbd2e}.dot.green{background:#28ca42}.terminal-title{color:#abb2bf;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:500}.terminal-body{color:#818cf8;align-items:center;gap:.5rem;min-height:80px;padding:2rem;font-family:Courier New,monospace;font-size:2rem;display:flex}.terminal-prompt{color:#0ea5e9;font-weight:700}.typed-name{color:#818cf8;text-shadow:0 0 20px #818cf8cc;letter-spacing:.05em;transition:all .8s}.typed-name.name-complete{color:#0ea5e9;text-shadow:0 0 30px #0ea5e9,0 0 60px #0ea5e9cc,0 0 90px #818cf899;animation:1.5s ease-in-out nameGlow}@keyframes nameGlow{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.typed-name.name-fall{animation:2s ease-in forwards nameFallDown}@keyframes nameFallDown{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(45deg)}}.cursor-blink{color:#0ea5e9;font-weight:700;animation:.8s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.keyboard-3d{perspective:1500px;transform-style:preserve-3d;flex-direction:column;gap:.6rem;transition:all 2s;display:flex;transform:rotateX(25deg)}.keyboard-3d.keyboard-fall{animation:2s ease-in forwards keyboardFallApart}@keyframes keyboardFallApart{0%{opacity:1;transform:rotateX(25deg)translateY(0)}50%{opacity:.5;transform:rotateX(90deg)translateY(300px)rotate(-20deg)}to{opacity:0;transform:rotateX(180deg)translateY(150vh)rotate(-45deg)}}.key-row{transform-style:preserve-3d;justify-content:center;gap:.6rem;display:flex}.key-3d{color:#fff;text-align:center;background:linear-gradient(145deg,#2a2f3a,#1a1f29);border:2px solid #0ea5e966;border-radius:10px;min-width:50px;padding:1rem 1.5rem;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;transition:all .3s;position:relative;transform:translateZ(20px);box-shadow:0 15px 30px #000000b3,0 8px 15px #0ea5e933,inset 0 2px 5px #ffffff1a,inset 0 -2px 5px #00000080}.key-3d:before{content:"";opacity:0;background:linear-gradient(145deg,#0ea5e94d,#818cf84d);border-radius:10px;transition:opacity .3s;position:absolute;inset:0}.key-3d:after{content:"";filter:blur(15px);background:linear-gradient(#0ea5e980,#0000);height:25px;position:absolute;top:100%;left:10%;right:10%}.key-3d.active{color:#fff;background:linear-gradient(145deg,#0ea5e9,#818cf8);border-color:#0ea5e9;transform:translateZ(50px)translateY(-15px);box-shadow:0 25px 50px #000000e6,0 15px 30px #0ea5e999,inset 0 2px 8px #fff3}.key-3d.active:before{opacity:1}.space-key{min-width:300px}.loading-subtitle{align-items:center;gap:1rem;font-family:Montserrat,sans-serif;display:flex}.subtitle-text{color:#7dd3fc;letter-spacing:3px;text-transform:uppercase;font-size:1.3rem}.loading-dots{gap:.5rem;display:flex}.loading-dots span{background:#0ea5e9;border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite dotBounce;box-shadow:0 0 15px #0ea5e9cc}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.completion-message{flex-direction:column;align-items:center;gap:1rem;animation:.8s ease-out completionAppear;display:flex}@keyframes completionAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.checkmark{color:#fff;background:linear-gradient(145deg,#28ca42,#22a836);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:3rem;animation:1.5s ease-in-out infinite checkmarkPulse;display:flex;box-shadow:0 10px 30px #28ca4280,0 0 40px #28ca424d}@keyframes checkmarkPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.completion-text{color:#818cf8;letter-spacing:2px;text-shadow:0 0 20px #818cf8cc;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:600}.explosion-overlay{pointer-events:none;z-index:10;position:absolute;inset:0}.explosion-particle{background:radial-gradient(circle,#0ea5e9,#818cf8);border-radius:50%;width:10px;height:10px;animation:2s ease-out forwards explode;position:absolute;box-shadow:0 0 25px #0ea5e9}@keyframes explode{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)translate(0)scale(1)}to{transform:translate(-50%,-50%)rotate(calc(var(--angle)*2))translateX(var(--distance))scale(0);opacity:0}}.grid-overlay{opacity:.05;pointer-events:none;transition:all 2s;position:absolute;inset:0}.grid-overlay.grid-fall{animation:2s ease-in forwards gridFall}@keyframes gridFall{0%{opacity:.05;transform:translateY(0)}to{opacity:0;transform:translateY(100vh)}}.grid-line{background:#818cf8;position:absolute}.grid-line.horizontal{width:100%;height:1px}.grid-line.vertical{width:1px;height:100%}.particle{background:#818cf899;border-radius:50%;width:4px;height:4px;animation:5s ease-in-out infinite particleFloat;position:absolute;box-shadow:0 0 10px #818cf8cc}.particle.particle-fall{animation:2s ease-in forwards particlesFallDown}@keyframes particleFloat{0%,to{opacity:0;transform:translateY(0)translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)translate(50px)}}@keyframes particlesFallDown{0%{opacity:.8;transform:translateY(0)}to{opacity:0;transform:translateY(150vh)}}@media (max-width:768px){.keyboard-3d{gap:.4rem;transform:rotateX(15deg)}.key-3d{min-width:35px;padding:.8rem 1rem;font-size:.85rem;transform:translateZ(10px)}.key-3d.active{transform:translateZ(25px)translateY(-8px)}.space-key{min-width:150px}.terminal-body{padding:1.5rem;font-size:1.5rem}.icon-float{width:40px;height:40px}.code-line{font-size:.7rem}.subtitle-text{font-size:1rem}.checkmark{width:60px;height:60px;font-size:2rem}.completion-text{font-size:1.2rem}}@media (max-width:480px){.keyboard-3d{gap:.3rem;transform:none}.key-3d{min-width:28px;padding:.6rem .8rem;font-size:.75rem;transform:none;box-shadow:0 4px 8px #0009}.key-3d.active{transform:translateY(-4px)}.key-row{gap:.3rem}.space-key{min-width:120px}.terminal-body{padding:1rem;font-size:1.2rem}}