:root{--color-primary: #7c3aed;--color-primary-dark: #6d28d9;--color-primary-light: rgba(124, 58, 237, .08);--color-bg: #fdf4ff;--color-bg-gradient: linear-gradient(180deg, #e0c3fc 0%, #fdf4ff 35%, #fef3c7 100%);--color-bg-evening: linear-gradient(180deg, #fbb6ce 0%, #fef3c7 50%, #fde68a 100%);--color-text: #2d1b69;--color-text-light: #7c6b9e;--color-text-faint: rgba(45, 27, 105, .4);--color-border: rgba(124, 58, 237, .15);--color-glass: rgba(255, 255, 255, .55);--color-glass-hover: rgba(255, 255, 255, .7);--color-error: #dc2626;--color-success: #16a34a;--color-gold: #fbbf24;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(124, 58, 237, .04);--shadow-md: 0 4px 12px rgba(124, 58, 237, .06);--shadow-lg: 0 10px 32px rgba(124, 58, 237, .08);--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;font-family:var(--font-body);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--color-bg-gradient);background-attachment:fixed}.container{max-width:720px;margin:0 auto;padding:32px 24px}.container-wide{max-width:1080px;margin:0 auto;padding:32px 24px}h1{font-family:var(--font-display);font-size:36px;font-weight:800;letter-spacing:-.6px;line-height:1.1;margin:0 0 12px;color:var(--color-text)}h2{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.3px;line-height:1.2;margin:24px 0 12px;color:var(--color-text)}h3{font-size:17px;font-weight:700;letter-spacing:-.2px;margin:0 0 8px;color:var(--color-text)}p{font-size:15px;line-height:1.6;color:var(--color-text-light);margin:0 0 12px}a{color:var(--color-primary);text-decoration:none;font-weight:500}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,transform .05s;box-shadow:0 2px 8px #7c3aed2e}.btn:hover{background:var(--color-primary-dark)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#7c3aed1a;color:var(--color-primary);box-shadow:none}.btn-secondary:hover{background:#7c3aed2e}.btn-large{padding:16px 32px;font-size:17px;border-radius:var(--radius-lg)}.input,.textarea,.select{width:100%;padding:13px 16px;font-size:15px;font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffffb3;color:var(--color-text);transition:border .15s,background .15s}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--color-primary);background:#fff}.input::placeholder,.textarea::placeholder{color:var(--color-text-faint)}.textarea{min-height:120px;resize:vertical;line-height:1.5}.select{cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237c3aed' stroke-width='2'%3e%3cpath d='M6 9l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:42px}.label{display:block;font-size:13px;font-weight:600;color:var(--color-text);margin-bottom:8px;letter-spacing:.1px}.field{margin-bottom:18px}.field-error{font-size:12px;color:var(--color-error);margin-top:6px}.card{background:var(--color-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:24px;margin-bottom:16px;border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-md)}.card-soft{background:#fff6;border-radius:var(--radius-lg);padding:24px;margin-bottom:16px;border:1px solid var(--color-border)}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;padding:7px 14px;background:#7c3aed14;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--color-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s;border:1px solid transparent}.tag:hover{background:#7c3aed26}.tag.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.nav{display:flex;gap:4px;padding:16px 24px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);align-items:center}.nav-brand{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--color-primary);letter-spacing:-.3px;margin-right:24px}.nav-link{padding:8px 14px;border-radius:var(--radius-sm);font-weight:500;color:var(--color-text-light);font-size:14px;transition:all .15s}.nav-link:hover{background:#7c3aed14;color:var(--color-primary)}.nav-link.active{background:#7c3aed1f;color:var(--color-primary)}.status-badge{display:inline-block;padding:4px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.status-pending{background:#fef3c7;color:#92400e}.status-approved{background:#d1fae5;color:#065f46}.status-probation{background:#fed7aa;color:#9a3412}.status-suspended{background:#fee2e2;color:#991b1b}.status-rejected{background:#e5e7eb;color:#374151}.hero{text-align:center;padding:80px 24px 60px;max-width:720px;margin:0 auto}.hero h1{font-size:52px;letter-spacing:-1px;line-height:1.05;margin-bottom:20px}.hero p{font-size:18px;max-width:580px;margin:0 auto 36px;line-height:1.5}.hero-emoji{font-size:64px;margin-bottom:24px}.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:40px 0}.value-item{background:#ffffff8c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:28px;border:1px solid rgba(255,255,255,.6);transition:transform .2s,box-shadow .2s}.value-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.value-item h3{font-size:19px;margin:0 0 10px;display:flex;align-items:center;gap:8px}.value-item p{margin:0;font-size:14px;line-height:1.6}.calc-box{background:linear-gradient(135deg,#f3e8ff99,#fce7f399);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:28px;margin:32px 0;border:1px solid rgba(255,255,255,.6)}.calc-box h2{margin:0 0 16px;font-size:19px}.calc-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed rgba(124,58,237,.15);font-size:14px;color:var(--color-text)}.calc-row:last-child{border-bottom:none;font-weight:700;font-size:18px;padding-top:14px;color:var(--color-primary)}.calc-row strong{font-weight:700}.alert{border-radius:var(--radius-md);padding:16px 20px;margin-bottom:16px;border-left:4px solid;background:#ffffff80}.alert-warning{border-color:#f59e0b;background:#fef3c799}.alert-success{border-color:#16a34a;background:#dcfce799}.alert-error{border-color:#dc2626;background:#fee2e299}.alert-info{border-color:var(--color-primary);background:#f3e8ff99}.alert h3{margin:0 0 6px;font-size:15px}.alert p{margin:0;font-size:14px;color:var(--color-text)}.starfield{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.4}.text-center{text-align:center}.text-small{font-size:13px}.text-faint{color:var(--color-text-faint)}.text-primary{color:var(--color-primary)}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.flex{display:flex}.gap-2{gap:16px}.flex-1{flex:1}@media (max-width: 640px){.hero h1{font-size:36px}.hero p{font-size:16px}h1{font-size:28px}h2{font-size:20px}.container,.container-wide{padding:20px 16px}.card{padding:18px}.nav{padding:12px 16px;gap:2px}.nav-link{padding:6px 10px;font-size:13px}.nav-brand{font-size:15px;margin-right:12px}}