:root{--marie-orange: #f97316;--apex-blue: #06c8ff;--cs-red: #df272d;--video-yellow: #fbbf24;--bg-color: #0f111a;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--primary: var(--marie-orange);--primary-hover: #ea580c;--text-main: #f8fafc;--text-muted: #94a3b8;--danger: #ef4444;--success: #10b981}body{margin:0;padding:0;font-family:Outfit,sans-serif;background-color:var(--bg-color);background-image:radial-gradient(circle at 15% 50%,rgba(249,115,22,.15),transparent 25%),radial-gradient(circle at 85% 30%,rgba(251,191,36,.15),transparent 25%);color:var(--text-main);min-height:100vh;display:flex;flex-direction:column}.navbar{background:#0f111ab3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);padding:max(1rem,env(safe-area-inset-top)) max(2rem,env(safe-area-inset-right)) 1rem max(2rem,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.navbar-brand{font-size:1.5rem;font-weight:700;background:linear-gradient(to right,#f97316,#fbbf24);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{color:var(--text-muted);text-decoration:none;font-weight:500;transition:color .2s ease}.nav-links a:hover{color:var(--text-main)}.btn{background:var(--primary);color:#fff!important;border:none;padding:.6rem 1.2rem;border-radius:8px;font-family:inherit;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s ease;display:inline-block}.btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #f973164d}.btn-outline{background:transparent;border:1px solid var(--glass-border);color:var(--text-main)}.btn-outline:hover{background:var(--glass-bg);border-color:#fff3;box-shadow:none}.container{max-width:1200px;margin:0 auto;padding:2rem;flex:1;width:100%;box-sizing:border-box}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0003}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-muted);font-size:.9rem}.form-control{width:100%;background:#0003;border:1px solid var(--glass-border);color:var(--text-main);padding:.8rem 1rem;border-radius:8px;font-family:inherit;box-sizing:border-box;transition:border-color .2s ease}.form-control:focus{outline:none;border-color:var(--primary)}.form-control:required{border-left:4px solid var(--primary)}.messages{margin-bottom:2rem}.alert{padding:1rem;border-radius:8px;margin-bottom:1rem;background:var(--glass-bg);border:1px solid var(--glass-border)}.alert-success{border-left:4px solid var(--success)}.alert-error{border-left:4px solid var(--danger)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,450px));justify-content:center;gap:1.5rem}.badge{padding:.25rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600;background:#ffffff1a}.badge-active{background:#10b98133;color:#34d399}.hover-glow{transition:transform .3s ease,box-shadow .3s ease}.hover-glow:hover{transform:translateY(-5px)}.hover-glow-amber:hover{box-shadow:0 15px 35px #fbbf2433}.hover-glow-blue:hover{box-shadow:0 15px 35px #06c8ff33}.hover-glow-red:hover{box-shadow:0 15px 35px #df272d33}.reveal-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}img,svg,video,canvas{max-width:100%}input,select,textarea{box-sizing:border-box;max-width:100%}@media (max-width: 640px){.navbar{padding:max(.75rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) .75rem max(1rem,env(safe-area-inset-left));gap:.75rem}.navbar-brand{font-size:1.2rem;white-space:nowrap}.nav-links{gap:.9rem}.nav-links a{font-size:.95rem}.nav-links .btn,.nav-links button.btn{padding:.45rem .9rem;font-size:.9rem}.container{padding:1.5rem max(1rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.glass-card{padding:1.5rem 1.25rem}.grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.hover-glow,.reveal-on-scroll{transition:none}.hover-glow:hover{transform:none}.reveal-on-scroll{opacity:1;transform:none}}
/*# sourceMappingURL=base.css.map */