@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&family=Roboto:wght@300;400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #10B981;--secondary-color: #34D399;--accent-color: #6EE7B7;--bg-primary: #0F172A;--bg-secondary: #1E293B;--text-primary: #ECFDF5;--text-secondary: rgba(255, 255, 255, .85);--card-bg: rgba(0, 0, 0, .4);--border-color: rgba(255, 255, 255, .2);--shadow-primary: 0 0 30px rgba(255, 255, 255, .3);--shadow-glow: 0 0 25px var(--primary-color);--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .15)}html{font-size:16px;scroll-behavior:smooth}body{font-family:Orbitron,sans-serif;background:url(https://knarlix.github.io/images/others/bgimg.avif) center center / cover no-repeat fixed;color:var(--text-primary);min-height:100vh;overflow-x:hidden;position:relative}#root{min-height:100vh;background:url(https://knarlix.github.io/images/others/bgimg.avif) center center / cover no-repeat fixed;display:flex;overflow-x:hidden;position:relative;justify-content:center;align-items:center;padding:1rem}.container{text-align:center;width:100%;max-width:380px;background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:24px;box-shadow:0 8px 32px #0009,0 0 0 1px #fff3;border:1px solid rgba(255,255,255,.2);padding:1.5rem;margin:1rem;position:relative}@media (min-width: 768px){.container{max-width:580px;padding:3.5rem;border-radius:28px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#00000073;box-shadow:0 16px 48px #0006,0 0 0 1px #ffffff40}}.header{margin-bottom:1rem;text-align:center}.logo img{width:90px;height:90px;border-radius:50%;object-fit:cover;border:2px solid rgba(0,255,136,.8);box-shadow:0 8px 30px #0f89,0 0 20px #fff3,inset 0 1px #ffffff4d;transition:transform .3s ease}.logo img:hover{transform:scale(1.05)}.title{font-size:1.6rem;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 25px rgba(0,255,136,.4);margin-top:.8rem;margin-bottom:0;font-weight:700}@media (min-width: 768px){.header{margin-bottom:2rem}.logo img{width:120px;height:120px;border:3px solid rgba(0,255,136,.9);box-shadow:0 15px 45px #00ff88b3,0 0 35px #ffffff4d,inset 0 2px #fff6}.title{font-size:2.2rem;margin-top:1.2rem;text-shadow:0 0 35px rgba(0,255,136,.5)}}.links{margin:2rem 0}.link-button{display:flex;align-items:center;justify-content:center;gap:10px;background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-primary);border:1px solid rgba(255,255,255,.2);padding:12px 20px;margin:8px 0;border-radius:50px;font-size:.9rem;font-family:Orbitron,sans-serif;cursor:pointer;transition:all .2s ease;width:100%;text-decoration:none;min-height:44px}@media (min-width: 768px){.link-button{padding:16px 28px;margin:12px 0;font-size:1.1rem;min-height:56px;gap:16px;background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}.link-button:hover{transform:translateY(-3px) scale(1.02);background:#ffffff26;border:1px solid var(--icon-color);box-shadow:0 12px 35px #0009,0 0 25px var(--icon-color),inset 0 1px #fff3}.link-button:active{transform:translateY(0)}.link-button i{font-size:1.5rem;min-width:24px;color:var(--icon-color, #ffffff);transition:all .3s ease}.link-button:hover i{color:var(--icon-color);filter:brightness(1.2);transform:scale(1.1)}.link-logo{width:28px;height:28px;object-fit:contain;min-width:28px;transition:all .3s ease;filter:brightness(.9)}.link-button:hover .link-logo{transform:scale(1.1);filter:brightness(1.2)}.link-button span{font-weight:500;transition:all .3s ease;position:relative;z-index:1}.link-button:hover span{color:#fff}.footer{margin-top:2rem;font-size:.9rem;color:var(--text-secondary);font-family:Roboto,sans-serif;line-height:1.6}.footer a{color:var(--primary-color);text-decoration:none;transition:all .3s ease}.footer a:hover{color:var(--text-primary)}.email-link{color:var(--primary-color);text-decoration:none;transition:all .3s ease;padding:4px 8px;border-radius:8px;background:#ff6b351a;border:1px solid rgba(255,107,53,.2)}.email-link:hover{color:#ff6b35;background:#ff6b3533;border-color:#ff6b35;box-shadow:0 0 10px #ff6b354d}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:#ffffff14;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);padding:2rem;border-radius:24px;color:var(--text-primary);text-align:center;border:1px solid rgba(74,144,226,.3);box-shadow:0 8px 32px #4a90e233,0 0 15px #4a90e24d,inset 0 1px #ffffff40;animation:slideIn .3s ease;max-width:400px;width:90%;position:relative;overflow:hidden}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#4a90e214,#4a90e208);border-radius:24px;pointer-events:none}.modal-content h2{color:var(--secondary-color);margin-bottom:1rem;font-size:1.5rem}.modal-content p{margin-bottom:1.5rem;font-family:Roboto,sans-serif;line-height:1.5}.back-btn{background:var(--primary-color);color:var(--bg-primary);border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Orbitron,sans-serif}.back-btn:hover{transform:scale(1.05);box-shadow:0 0 15px var(--primary-color)}.contact-form-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease;padding:1rem}.form-content{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:2.5rem;border-radius:24px;color:var(--text-primary);width:100%;max-width:520px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000004d,0 0 20px #8b5cf633,inset 0 1px #fff3;position:relative;overflow:hidden}.form-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf61a,#a855f70d);border-radius:24px;pointer-events:none}.form-content h3{color:var(--primary-color);margin-bottom:1.5rem;font-size:1.8rem;text-align:center;font-weight:600;position:relative;z-index:1}.form-content input,.form-content textarea{width:100%;padding:16px;margin:10px 0;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);font-family:Roboto,sans-serif;font-size:1rem;transition:all .3s ease;position:relative;z-index:1}.form-content input::placeholder,.form-content textarea::placeholder{color:#fff9}.form-content input:focus,.form-content textarea:focus{outline:none;border-color:#ff6b35;background:#ffffff1f;box-shadow:0 0 15px #ff6b354d}.form-content textarea{resize:vertical;min-height:100px}.form-buttons{display:flex;gap:1rem;margin-top:1rem;justify-content:center;flex-wrap:wrap}.form-content button{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Orbitron,sans-serif;min-width:100px}.form-content button[type=submit]{background:var(--primary-color);color:var(--bg-primary)}.form-content button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0f86}.form-content button[type=submit]:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-content button[type=button]{background:#4a90e2cc;color:var(--text-primary)}.form-content button[type=button]:hover{background:#4a90e2;transform:translateY(-2px)}.recaptcha-info{text-align:center;margin:1rem 0;padding:8px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.recaptcha-info small{color:#ffffffb3;font-size:.85rem;font-family:Roboto,sans-serif}.custom-alert{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1100;animation:fadeIn .3s ease}.alert-content{background:#0006;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);padding:2.5rem;border-radius:24px;color:var(--text-primary);text-align:center;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #000000b3,0 0 20px #0f83,inset 0 1px #ffffff1a;animation:slideIn .3s ease;max-width:450px;width:90%;position:relative;overflow:hidden}.alert-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf614,#a855f708);border-radius:24px;pointer-events:none}.error-alert .alert-content{border:1px solid rgba(255,107,53,.4);box-shadow:0 8px 32px #000000b3,0 0 20px #ff6b3533,inset 0 1px #ffffff1a}.error-alert .alert-content:before{background:linear-gradient(135deg,#ff6b3514,#ff6b3508)}.alert-message{display:block;margin-bottom:1.5rem;font-family:Roboto,sans-serif;line-height:1.5}.close-alert{background:var(--primary-color);color:var(--bg-primary);border:none;padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Orbitron,sans-serif;position:relative;z-index:1}.close-alert:hover{transform:translateY(-2px);box-shadow:0 0 20px var(--primary-color)}.error-alert .close-alert{background:var(--secondary-color);color:#fff}.error-alert .close-alert:hover{box-shadow:0 0 20px #a855f799}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.container{padding:1.5rem;margin:.5rem;border-radius:10px}.title{font-size:2rem}.logo img{width:100px;height:100px}.link-button{font-size:1rem;padding:10px 16px;margin:10px 0}.link-button i{font-size:1.2rem}.form-content{padding:1.5rem}.form-buttons{flex-direction:column;align-items:center}.form-content button{width:100%;max-width:200px}}@media (min-width: 481px) and (max-width: 768px){.container{max-width:600px;padding:2.5rem}.title{font-size:2.8rem}.logo img{width:140px;height:140px}.link-button{font-size:1.2rem;padding:14px 24px}}@media (min-width: 769px){html{font-size:18px}#root{padding:2rem}.container{max-width:700px;padding:3rem;margin:2rem}.title{font-size:3rem}.logo img{width:150px;height:150px}.link-button{font-size:1.3rem;padding:16px 28px;margin:18px 0}.link-button i{font-size:1.6rem}.form-content{padding:3rem}.modal-content,.alert-content{max-width:500px;padding:3rem}}@media (min-width: 1200px){.container{max-width:800px;padding:4rem;background:#0006}.title{font-size:3.5rem}.logo img{width:160px;height:160px}.link-button{font-size:1.3rem;padding:18px 32px;margin:16px 0}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.logo img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.particle{display:none}}@media print{.particle,.modal-overlay,.contact-form-overlay,.custom-alert{display:none!important}.container{box-shadow:none;border:1px solid #000}.link-button:before{display:none}}.recaptcha-container{margin:20px 0;display:flex;justify-content:center;align-items:center}@media (max-width: 480px){.recaptcha-container #recaptcha-widget{transform:scale(.85);transform-origin:center}}