.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;backdrop-filter:blur(20px)}.navbar-container{max-width:100%;margin:0 auto;padding:.35rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem;position:relative}.navbar-logo{display:flex;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:700;color:#fff;flex-shrink:0;max-width:220px;transition:opacity .3s ease}.navbar-logo:hover{opacity:.8}.logo-image{width:100%;max-width:220px;height:auto;object-fit:contain;object-position:left center;display:block}@media (max-width: 968px){.navbar-logo{max-width:180px}}@media (max-width: 768px){.navbar-container{padding:.6rem .8rem;gap:.8rem}.navbar-logo{max-width:140px}}@media (max-width: 600px){.navbar-container{padding:.5rem .6rem;gap:.6rem}.navbar-logo{max-width:110px}}.logo-text{display:none;background:linear-gradient(135deg,#2563eb,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-menu{display:flex;align-items:center;gap:1.8rem;flex:1;justify-content:center}.navbar-link{color:#fffc;text-decoration:none;font-weight:400;font-size:1.05rem;transition:color .3s ease;position:relative;display:flex;align-items:center;gap:.3rem}.navbar-link:hover{color:#fff}.navbar-language{display:flex;align-items:center;gap:.4rem}.navbar-divider{width:1px;height:20px;background:#ffffff1a;margin:0 .5rem}.navbar-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.navbar-actions-mobile{display:none}.navbar-actions-desktop{display:flex}.navbar-user-menu{position:relative;display:flex;align-items:center}.navbar-user-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#ffffffe6;font-weight:600;cursor:pointer;transition:all .2s ease}.navbar-user-btn:hover{border-color:#ffffff59;background:#ffffff1f}.navbar-user-dropdown{position:absolute;right:0;top:calc(100% + .6rem);min-width:180px;background:#0a0c14f2;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.5rem;display:grid;gap:.25rem;box-shadow:0 14px 30px #00000073;z-index:1202}.navbar-user-item{display:inline-flex;align-items:center;gap:.5rem;width:100%;padding:.65rem .75rem;background:transparent;border:none;color:#ffffffd9;font-size:.9rem;cursor:pointer;border-radius:8px;transition:background .2s ease,color .2s ease;text-align:left}.navbar-user-item:hover{background:#ffffff14;color:#fff}.navbar-user-item.danger{color:#f87171}.navbar-user-item.danger:hover{background:#ef444426;color:#ff9a9a}.navbar-user{color:#ffffffe6;font-size:.95rem;font-weight:500}.navbar-btn{padding:.5rem 1.1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.95rem;border:none;display:flex;align-items:center;gap:.4rem;white-space:nowrap}.btn-login{background:transparent;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.btn-login:hover{background:#ffffff0d;border-color:#ffffff4d}.btn-dashboard{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border:none}.btn-dashboard:hover{background:linear-gradient(135deg,#1e40af,#1e3a8a);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}.btn-register{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border:none}.btn-register:hover{background:linear-gradient(135deg,#1e40af,#1e3a8a);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.btn-logout{background:#ef444433;color:#fff;border:1px solid rgba(239,68,68,.4)}.btn-logout:hover{background:#ef44444d;border-color:#ef444499;transform:translateY(-1px)}.navbar-cart-btn{background:transparent;border:1px solid rgba(0,212,255,.35);color:#00d4ff;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative}.navbar-cart-btn:hover{background:#00d4ff1f;border-color:#00d4ff;transform:translateY(-1px)}.cart-badge{position:absolute;top:-6px;right:-6px;background:#00d4ff;color:#1a2332;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.navbar-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:.4rem;flex-shrink:0;position:relative;z-index:1201}@media (max-width: 968px){.navbar-actions-desktop{display:none!important}.navbar-actions-mobile{display:flex}.navbar-menu{position:fixed;top:65px;left:0;right:0;flex-direction:column;background:#000000f2;backdrop-filter:blur(20px);padding:2rem;gap:1.5rem;transform:translate(-100%);transition:transform .3s ease;opacity:0;pointer-events:none;border-bottom:1px solid rgba(255,255,255,.1);max-height:calc(100vh - 65px);overflow-y:auto;z-index:1200}.navbar-menu.active{transform:translate(0);opacity:1;pointer-events:auto}.navbar-divider{width:100%;height:1px;margin:1rem 0}.navbar-actions{position:static;bottom:auto;left:auto;right:auto;background:transparent;backdrop-filter:none;border-top:1px solid rgba(255,255,255,.1);border-bottom:none;padding:1.5rem 0 0;margin-top:1rem;display:flex;flex-direction:column;gap:.8rem;justify-content:flex-start;width:100%;z-index:auto}.navbar-toggle{display:block;margin-left:auto}.navbar-btn{padding:.75rem 1.2rem;font-size:.9rem;width:100%;justify-content:center}.navbar-user-menu{width:100%}.navbar-user-btn{width:100%;justify-content:center}.navbar-user-dropdown{position:static;width:100%;margin-top:.5rem}.btn-login{background:transparent;border:1px solid rgba(255,255,255,.3)}.navbar-user{text-align:center;font-size:.85rem;padding:.5rem 0}}@media (max-width: 768px){.navbar-menu{top:55px;padding:1.5rem;gap:1rem}.navbar-link{font-size:.9rem;padding:.75rem 0}.navbar-language{font-size:.9rem}.navbar-divider{margin:.75rem 0}.navbar-actions{padding:1rem 0 0;margin-top:.75rem;gap:.65rem}.navbar-btn{padding:.7rem 1rem;font-size:.85rem}.navbar-user{font-size:.8rem}}@media (max-width: 480px){.navbar-container{padding:.4rem .5rem;gap:.4rem}.navbar-logo{max-width:90px}.navbar-menu{top:45px;padding:1rem .8rem;gap:.7rem}.navbar-link{font-size:.8rem;padding:.6rem 0}.navbar-language{font-size:.8rem}.navbar-divider{margin:.6rem 0}.navbar-actions{padding:.85rem 0 0;margin-top:.6rem;gap:.55rem}.navbar-btn{padding:.65rem .9rem;font-size:.8rem}.navbar-user{font-size:.75rem}}@media (max-width: 375px){.navbar-container{padding:.4rem;gap:.3rem}.navbar-logo{max-width:75px}.navbar-menu{top:42px}.navbar-btn{padding:.6rem .8rem;font-size:.75rem}}@media (max-width: 320px){.navbar-container{padding:.3rem .4rem;gap:.3rem}.navbar-logo{max-width:65px}.navbar-toggle{padding:.3rem}}.modal-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.modal-content{background:#1a1a2ef2;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem;width:90%;max-width:450px;position:relative;animation:slideUp .3s ease}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffb3;transition:all .3s ease}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-title{font-size:2rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#2563eb,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-subtitle{color:var(--text-secondary);margin-bottom:2rem}.modal-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:.75rem 1rem;border-radius:10px;margin-bottom:1.5rem;font-size:.9rem}.modal-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#ffffffe6;font-weight:500;font-size:.95rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:#fff6}.input-wrapper input{width:100%;padding:.9rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:1rem;transition:all .3s ease}.input-wrapper input:focus{outline:none;background:#ffffff14;border-color:var(--primary-purple);box-shadow:0 0 0 3px #8b5cf61a}.input-wrapper input::placeholder{color:#ffffff4d}.modal-submit{padding:1rem;background:linear-gradient(135deg,#2563eb,#1e40af);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.modal-submit:hover:not(:disabled){background:linear-gradient(135deg,#1e40af,#1e3a8a);transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf666}.modal-submit:disabled{opacity:.6;cursor:not-allowed}.modal-switch{text-align:center;margin-top:1.5rem;color:var(--text-secondary);font-size:.95rem}.modal-switch-btn{background:none;border:none;color:var(--primary-purple);font-weight:600;cursor:pointer;text-decoration:underline;transition:color .3s ease}.modal-switch-btn:hover{color:var(--primary-blue)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.plan-selector{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.plan-option{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .3s ease}.plan-option:hover{background:#ffffff14;border-color:#8b5cf64d}.plan-option input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-purple)}.plan-option input[type=radio]:checked~.plan-name{color:var(--primary-purple);font-weight:600}.plan-option.active{background:#8b5cf626;border-color:var(--primary-purple)}.plan-name{color:#fffc;font-size:.95rem;display:flex;align-items:center;gap:.5rem;transition:color .3s ease}@media (max-width: 1024px){.modal-content{width:90%;max-width:400px;padding:2.5rem}.modal-title{font-size:1.75rem}.modal-form{gap:1.25rem}.input-wrapper input{padding:.8rem 1rem .8rem 2.75rem;font-size:.95rem}.modal-submit{padding:.9rem;font-size:.95rem}.modal-switch{font-size:.9rem}.plan-option{padding:.75rem}.plan-name{font-size:.9rem}}@media (max-width: 768px){.modal-content{width:90%;max-width:380px;padding:2rem 1.75rem;border-radius:16px}.modal-close{top:1.25rem;right:1.25rem;width:32px;height:32px}.modal-title{font-size:1.5rem;margin-bottom:.4rem}.modal-subtitle{font-size:.9rem;margin-bottom:1.5rem}.modal-form{gap:1.25rem}.form-group label{font-size:.9rem}.input-wrapper input{padding:.75rem .9rem .75rem 2.75rem;font-size:.9rem}.modal-error{padding:.65rem .9rem;font-size:.85rem;margin-bottom:1rem}.modal-submit{padding:.8rem;font-size:.9rem}.modal-switch{margin-top:1.25rem;font-size:.85rem}.plan-option{padding:.75rem;gap:.6rem}.plan-option input[type=radio]{width:16px;height:16px}.plan-name{font-size:.85rem}}@media (max-width: 480px){.modal-content{width:95%;max-width:100%;padding:1.75rem 1.5rem;border-radius:12px;max-height:90vh;overflow-y:auto}.modal-close{top:1rem;right:1rem;width:28px;height:28px;font-size:.8rem}.modal-title{font-size:1.3rem;margin-bottom:.3rem}.modal-subtitle{font-size:.8rem;margin-bottom:1.25rem}.modal-form{gap:1rem}.form-group{gap:.4rem}.form-group label{font-size:.8rem;font-weight:500}.input-icon{left:.75rem;width:18px;height:18px}.input-wrapper input{padding:.7rem .8rem .7rem 2.25rem;font-size:.85rem;border-radius:8px}.input-wrapper input::placeholder{font-size:.8rem}.modal-error{padding:.6rem .8rem;font-size:.8rem;margin-bottom:.75rem}.modal-submit{padding:.7rem;font-size:.85rem;margin-top:.25rem;border-radius:8px}.modal-switch{margin-top:1rem;font-size:.8rem}.modal-switch-btn{font-size:.8rem}.plan-selector{gap:.6rem;margin-top:.6rem}.plan-option{padding:.6rem;gap:.5rem;border-radius:8px}.plan-option input[type=radio]{width:14px;height:14px}.plan-name{font-size:.8rem;gap:.3rem}}.App{min-height:100vh;position:relative;background:#000}.App:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(59,130,246,.1) 0%,transparent 50%);animation:rotate 20s linear infinite;z-index:-1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--primary-purple: #2563eb;--primary-blue: #0ea5e9;--primary-pink: #0284c7;--dark-bg: #0a0f1f;--dark-card: #0d1b3d;--text-primary: #ffffff;--text-secondary: #a0a0b0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:var(--text-primary);overflow-x:hidden}*:focus-visible{outline:2px solid #00D4FF;outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.gradient-text{background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-blue) 50%,var(--primary-pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-bg{background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-blue) 50%,var(--primary-pink) 100%)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{opacity:.5}50%{opacity:1}}.animate-float{animation:float 6s ease-in-out infinite}.animate-glow{animation:glow 3s ease-in-out infinite}@media (min-width: 1024px){body{font-size:16px}}::selection{background-color:#00d4ff4d;color:#fff}::-moz-selection{background-color:#00d4ff4d;color:#fff}