:root{--color-primary: #0F0E47;--color-primary-hover: #292967;--color-secondary: #5C5C99;--color-accent: #f2994a;--color-success: #0f6f37;--color-error: #862424;--color-warning: #f2c94c;--color-info: #272757;--font-color: #1e1e1e;--font-color-light: #ffffff;--font-color-muted: #888888;--bg-color: #ffffff;--bg-secondary: #f5f7fa;--bg-muted: #eaeaea;--border-color: #a4a3cd;--font-family-sans: "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-family-mono: "Courier New", monospace;--font-size-xs: clamp(.7rem, .9vw, .75rem);--font-size-sm: clamp(.75rem, 1vw, .875rem);--font-size-base: clamp(.875rem, 1.2vw, 1rem);--font-size-md: clamp(1rem, 1.5vw, 1.125rem);--font-size-lg: clamp(1.125rem, 2vw, 1.25rem);--font-size-xl: clamp(1.25rem, 2.5vw, 1.5rem);--font-size-2xl: clamp(1.5rem, 3vw, 2rem);--font-size-3xl: clamp(2rem, 4vw, 2.5rem);--font-size-4xl: clamp(2.5rem, 5vw, 3rem);--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-loose: 1.75;--spacing-xxs: .25rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}[data-theme=dark]{--color-primary: #aab0ff;--color-primary-hover: #c1c5ff;--color-secondary: #b9b9e6;--color-accent: #ffb97a;--color-success: #3ddc97;--color-error: #ff6b6b;--color-warning: #ffe066;--color-info: #9090ff;--font-color: #f1f1f1;--font-color-light: #1e1e1e;--font-color-muted: #999999;--bg-color: #121212;--bg-secondary: #1e1e1e;--bg-muted: #2c2c2c;--border-color: #3a3a5c}html{margin:0;padding:0;transition:none!important}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--font-color);background-color:var(--bg-color);margin:0;padding:0;transition:none!important}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold)}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium)}h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium)}h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal)}h6{font-size:var(--font-size-md);font-weight:var(--font-weight-normal)}p{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-loose);margin-bottom:1rem}span{font-size:var(--font-size-base)}label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}small{font-size:var(--font-size-xs)}@media (max-width: 767px){h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}h3{font-size:var(--font-size-md)}p{font-size:var(--font-size-sm)}}@media (max-width: 1024px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}p{font-size:var(--font-size-base)}}@media (min-width: 1025px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}p{font-size:var(--font-size-base)}}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:none}button,.btn{background-color:var(--color-primary);color:var(--font-color-light);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-weight:var(--font-weight-medium)}.btn{position:relative;display:inline-block;text-decoration:none;overflow:hidden}.btn:before,.btn:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:0;height:1px;background-color:#fff;transition:width .35s ease-in-out}.btn:before{top:0}.btn:after{bottom:0}.btn:hover:before,.btn:hover:after{width:70%}.container{padding:var(--spacing-sm)}.section{margin-bottom:var(--spacing-md)}.container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-sm);padding:var(--spacing-md)}.access-denied-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-sm)}.access-denied-card{text-align:center;padding:var(--spacing-lg)}.access-denied-icon{font-size:3rem;color:var(--color-primary);margin-bottom:var(--spacing-sm);text-align:center;display:inline-block}.access-denied-button{display:inline-block;margin-top:var(--spacing-xl)}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:#f1f1f1;font-family:Segoe UI,sans-serif}.login-box{display:flex;width:800px;height:450px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0000001a}.login-left{flex:1;background-color:#4f8ef7;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;border-top-left-radius:20px;border-bottom-left-radius:20px}.login-left h2{font-size:28px;margin-bottom:10px}.register-btn{margin-top:15px;padding:10px 20px;background:none;border:2px solid white;color:#fff;font-weight:700;border-radius:25px;cursor:pointer;transition:.3s ease}.register-btn:hover{background:white;color:#4f8ef7}.login-right{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center}.login-right h2{font-size:24px;margin-bottom:20px}form input{width:100%;padding:12px;margin:8px 0;border:1px solid #ddd;border-radius:8px}.forgot{color:var(--color-primary);margin-top:5px;margin-bottom:15px;text-align:right;cursor:pointer}.login-btn{width:100%;cursor:pointer;transition:.3s ease}.social-text{margin:20px 0 10px;font-size:14px;color:#555;text-align:center}.social-icons{display:flex;justify-content:center;gap:15px}.social-icons button{padding:10px 15px;border:1px solid var(--border-color);border-radius:50%;background:var(--bg-color);cursor:pointer;font-size:16px;transition:.2s ease}.social-icons button:hover{background-color:var(--bg-secondary)}