:root{--primary-color: #1f4d3b;--primary-dark: #123628;--primary-light: #dcefe7;--secondary-color: #2b5a48;--accent-color: #a65f2a;--accent-glow: rgba(166, 95, 42, .28);--background-base: #f5f0e4;--background-gradient: linear-gradient(145deg, #f5f0e4 0%, #e4efe7 48%, #f3ece2 100%);--surface-color: rgba(255, 255, 255, .86);--surface-glass: rgba(255, 255, 255, .76);--surface-border: rgba(255, 255, 255, .74);--border-color: #cfd6e2;--text-primary: #17261f;--text-secondary: #3f554c;--shadow-sm: 0 4px 10px rgba(11, 18, 32, .07);--shadow-md: 0 14px 32px rgba(11, 18, 32, .12);--shadow-lg: 0 26px 50px rgba(11, 18, 32, .16);--shadow-xl: 0 34px 70px rgba(11, 18, 32, .23);--shadow-glow: 0 0 0 1px rgba(31, 77, 59, .11), 0 12px 30px rgba(166, 95, 42, .22);--radius-sm: .5rem;--radius-md: .85rem;--radius-lg: 1.3rem;--radius-xl: 2rem;--font-main: "Bricolage Grotesque", "Segoe UI Variable", "Segoe UI", sans-serif;--font-display: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", monospace;--transition-fast: .2s ease;--transition-smooth: .32s cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{position:relative;font-family:var(--font-main);background:var(--background-gradient);color:var(--text-primary);line-height:1.62;display:flex;flex-direction:column;overflow-x:hidden}body:before,body:after{content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:50%}body:before{width:34rem;height:34rem;top:-11rem;left:-9rem;background:radial-gradient(circle at 30% 30%,#1f4d3b38,#1f4d3b00);animation:drift 18s ease-in-out infinite}body:after{width:31rem;height:31rem;right:-10rem;bottom:-10rem;background:radial-gradient(circle at 40% 40%,#a65f2a38,#a65f2a00);animation:drift 22s ease-in-out infinite reverse}#app{min-height:100vh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}ul{list-style:none}button{font-family:inherit;cursor:pointer;border:none}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.15}#main-content{flex:1;padding:2rem 0 3.2rem;animation:fadeIn .38s ease}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.4rem}.glass-panel{background:var(--surface-glass);backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);border:1px solid var(--surface-border);box-shadow:var(--shadow-md);border-radius:var(--radius-lg)}.main-header{position:sticky;top:0;z-index:100;padding:.9rem 0;background:linear-gradient(180deg,#ffffffe6,#f4f6fac7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(120,132,153,.28);box-shadow:0 8px 24px #0b122012}.header-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.logo{font-family:var(--font-display);font-weight:700;font-size:1.45rem;letter-spacing:-.02em;color:var(--text-primary);position:relative;padding-left:1.35rem;text-transform:uppercase}.logo:after{content:"";position:absolute;left:0;bottom:-.2rem;width:100%;height:.28rem;border-radius:999px;background:linear-gradient(90deg,var(--accent-color),var(--primary-color));opacity:.9}.logo:before{content:"";position:absolute;left:0;top:.28rem;width:.78rem;height:.78rem;border-radius:50%;background:radial-gradient(circle at 40% 40%,#efc8a8 0%,var(--accent-color) 55%,#6f3b19 100%);box-shadow:0 0 0 2px #1f4d3b24}nav ul{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}nav li>a:not(.btn),nav li>button:not(.btn){display:inline-flex;align-items:center;justify-content:center;padding:.42rem .85rem;border-radius:999px;font-size:.95rem;color:var(--text-secondary)}nav li>a:not(.btn):hover,nav li>button:not(.btn):hover{background:#1f4d3b1a;color:var(--primary-dark)}.nav-toggle{display:none;padding:.48rem .86rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:#ffffffe6;color:var(--text-primary);font-weight:700;box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.66rem 1.42rem;border-radius:999px;font-weight:700;transition:var(--transition-smooth);letter-spacing:.01em}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#f8fafc;box-shadow:0 10px 25px #1f4d3b52}.btn-primary:hover{box-shadow:0 14px 28px #1f4d3b66}.btn-outline{background:#ffffffad;border:1.5px solid rgba(31,77,59,.48)!important;color:var(--primary-dark)}.btn-outline:hover{background:#e8edf6cc}.btn-block{width:100%}.landing-page{animation:fadeIn .8s ease-out}.hero{text-align:center;padding:3.8rem 1.45rem;max-width:860px;margin:0 auto;background:linear-gradient(155deg,#ffffffeb,#f5f7fbc7);border:1px solid rgba(255,255,255,.84);border-radius:clamp(1.2rem,3vw,2.2rem);box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;right:-3.8rem;top:-3.9rem;width:13rem;height:13rem;border-radius:50%;background:radial-gradient(circle,#1f4d3b38,#1f4d3b00)}.hero:after{content:"";position:absolute;left:-6rem;bottom:-6.5rem;width:16rem;height:16rem;border-radius:50%;background:radial-gradient(circle,#a65f2a33,#a65f2a00)}.hero h1{font-size:clamp(2.3rem,4.2vw,3.8rem);line-height:1.03;font-weight:700;margin-bottom:1.35rem;text-wrap:balance}.hero p{font-size:clamp(1rem,2vw,1.22rem);color:var(--text-secondary);margin-bottom:2rem;max-width:640px;margin-left:auto;margin-right:auto}.cta-group{display:flex;gap:.76rem;justify-content:center;flex-wrap:wrap}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;padding:2.3rem 0 1.2rem}.feature-card{padding:1.45rem;background:linear-gradient(165deg,#fffffff0,#f7f9fdd1);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);border:1px solid rgba(255,255,255,.82);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:.24rem;background:linear-gradient(90deg,var(--accent-color),var(--primary-color));opacity:.9}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.feature-card h3{font-size:1.18rem;margin-bottom:.55rem;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);font-size:.97rem}.feature-card>div:first-child{width:3rem;height:3rem;border-radius:.9rem;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.7rem!important;background:linear-gradient(155deg,#1f4d3b1f,#a65f2a33)}.auth-container{max-width:430px;margin:1rem auto;padding:2rem;background:linear-gradient(160deg,#ffffffeb,#f8fafcc7);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow-xl)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.38rem;font-size:.94rem;font-weight:700;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea,.admin-users-search,.admin-users-select{width:100%;padding:.7rem .82rem;border:1px solid rgba(148,163,184,.56);border-radius:var(--radius-md);font-family:inherit;font-size:.95rem;background:#ffffffbd;color:var(--text-primary);transition:var(--transition-fast)}.form-group textarea{resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.admin-users-search:focus,.admin-users-select:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:#1f4d3b8c;box-shadow:0 0 0 3px #1f4d3b24}.admin-users-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.9rem}.admin-users-controls{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.admin-users-search{min-width:210px}.muted{color:var(--text-secondary)}.info-header{margin-bottom:1rem}.info-toolbar{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.info-categories{display:flex;gap:.45rem;flex-wrap:wrap}.info-chip{border:1px solid rgba(148,163,184,.52);background:#ffffffc2;color:var(--text-primary);border-radius:999px;padding:.34rem .86rem;font-size:.87rem;font-weight:700;transition:var(--transition-fast)}.info-chip:hover{border-color:#1f4d3b8c;transform:translateY(-1px)}.info-chip.active{border-color:var(--primary-color);color:var(--primary-dark);background:var(--primary-light)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem}.info-card{padding:1rem}.info-card h3{margin-bottom:.3rem}.info-card p{color:var(--text-secondary)}.info-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.4rem;font-size:.82rem;color:var(--text-secondary)}.info-badge{background:var(--primary-light);color:var(--primary-dark);border-radius:999px;padding:.16rem .55rem;font-weight:700}.main-footer{margin-top:auto;padding:1.25rem 0 1.7rem;border-top:1px solid rgba(120,132,153,.24);background:linear-gradient(180deg,#ffffff75,#f7f8fbc7)}#main-content .glass-panel,#main-content .feature-card,#main-content .auth-container{animation:riseIn .56s ease both}#main-content .feature-card:nth-child(2),#main-content .glass-panel:nth-child(2){animation-delay:.05s}#main-content .feature-card:nth-child(3),#main-content .glass-panel:nth-child(3){animation-delay:.1s}#main-content [style*="background: white"]{background:#ffffffc2!important;border:1px solid rgba(255,255,255,.78);box-shadow:var(--shadow-sm)}#main-content [style*="border: 1px solid var(--border-color)"]{border-color:#94a3b86b!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes riseIn{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(.9rem,-.8rem,0) scale(1.05)}}@media(max-width:768px){#main-content{padding:1.2rem 0 2.3rem}.hero{padding:2.2rem 1rem}.hero h1{font-size:2.25rem}.header-content{flex-direction:row;align-items:center;justify-content:space-between}.nav-toggle{display:inline-flex}.main-nav{display:none;position:absolute;top:calc(100% + .45rem);left:1rem;right:1rem;background:#fffffffa;border:1px solid rgba(148,163,184,.5);border-radius:var(--radius-lg);padding:.72rem;box-shadow:var(--shadow-lg)}.main-nav.open{display:block}.main-nav ul{flex-direction:column;align-items:stretch;gap:.42rem}.main-nav a,.main-nav button{width:100%;justify-content:center;text-align:center}.cta-group{flex-direction:column;gap:.6rem}.features{grid-template-columns:1fr;gap:.8rem}.auth-container{padding:1.4rem;border-radius:var(--radius-lg)}.admin-users-toolbar{flex-direction:column;align-items:stretch}.admin-users-controls{justify-content:stretch}.admin-users-search,.admin-users-select{width:100%;min-width:0}.info-toolbar{align-items:stretch}.info-categories{width:100%}.info-chip{flex:1 1 calc(50% - .45rem);text-align:center}[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns: 1fr 1fr 1fr"],[style*="grid-template-columns: 1.3fr 1fr"]{grid-template-columns:1fr!important}}