:root{--bg-primary: #22272e;--bg-secondary: #2d333b;--text-primary: #adbac7;--text-secondary: #768390;--accent-primary: #539bf5;--accent-secondary: #76e3ea;--accent-hover: #6cb6ff;--border-color: #444c56;--border-color-hover: #768390;--text-gradient-start: #cbd4dc;--card-shadow: 0 4px 20px rgba(0, 0, 0, .2);--card-shadow-hover: 0 8px 30px rgba(0, 0, 0, .3);--header-bg: rgba(34, 39, 46, .95);--item-bg: rgba(255, 255, 255, .03);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}a{color:var(--accent-secondary);font-weight:500;text-decoration:inherit;transition:color .2s ease}a:hover{color:var(--accent-hover)}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;font-weight:400;line-height:1.6;margin:0;min-height:100vh;min-width:320px;text-rendering:optimizeLegibility}h1{font-size:3.2em;line-height:1.1}button{background-color:var(--accent-primary);border:1px solid transparent;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;font-weight:500;padding:.6em 1.2em;transition:border-color .25s,background-color .25s}button:hover{background-color:var(--accent-hover)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{display:flex;flex-direction:column;min-height:100vh;padding:0;text-align:center;width:100%}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-layout main{flex:1;margin:0 auto;max-width:1280px;padding:3rem 2rem;text-align:left;width:100%}.app-layout section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--card-shadow);margin-bottom:3rem;padding:2rem;transition:transform .2s ease,box-shadow .2s ease}:is(.app-layout section):hover{border-color:var(--border-color-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.app-layout footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem;margin-top:auto;padding:2rem}.app-layout h1{background:linear-gradient(to right,var(--text-gradient-start),var(--text-secondary));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:3rem;margin-bottom:1rem}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--header-bg);border-bottom:1px solid var(--bg-secondary);color:var(--text-primary);position:sticky;top:0;width:100%;z-index:100}.app-header .header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding:1rem 2rem;width:100%}.app-header .logo-link{align-items:center;display:flex;gap:.75rem;text-decoration:none}.app-header .logo-img{border-radius:8px;height:40px;width:auto}.app-header .logo-text{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.5rem;font-weight:800;letter-spacing:-.5px}:is(.app-header nav) ul{display:flex;gap:2rem;list-style:none;margin:0;padding:0}:is(.app-header nav) a{color:var(--text-primary);font-size:.95rem;font-weight:600;padding:.5rem 0;position:relative;text-decoration:none;transition:all .2s ease}:is(:is(.app-header nav) a):hover{color:var(--accent-secondary);text-decoration:none}:is(:is(.app-header nav) a):after{background-color:var(--accent-secondary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}:is(:is(.app-header nav) a):hover:after{width:100%}