*{margin:0;padding:0;box-sizing:border-box}:root{--primary:var(--color-primary);--primary-dark:var(--color-primary-dark);--primary-deeper:var(--color-gradient-deep);--accent:var(--color-accent);--accent-light:var(--color-accent-light);--gradient:linear-gradient(135deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);--bg:var(--color-bg);--surface:var(--color-surface);--text:var(--color-text);--text-light:var(--color-text-light);--dim:var(--color-dim);--border:var(--color-border);--radius:16px;--shadow:0 4px 24px var(--color-shadow);--shadow-lg:0 8px 40px var(--color-shadow)}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.7;font-weight:300}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline;color:var(--color-primary-dark)}img{max-width:100%;height:auto}.nav{background:var(--color-nav-bg);padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 1px #0000001a}.nav-brand{color:#1a1a2a;font-size:22px;font-weight:600;padding:16px 0;letter-spacing:-.5px}.nav-brand:hover{text-decoration:none}.nav-brand span{background:linear-gradient(135deg,var(--color-accent-light),#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.nav-links a{color:#3c4043;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:400;transition:all .2s}.nav-links a:hover{background:#ffffff1a;color:var(--color-surface);text-decoration:none}.nav-links a.active{background:#ffffff26;color:var(--color-surface);text-decoration:none}.nav-center{display:flex;align-items:center;justify-content:center;flex:0 0 auto}.nav-right{display:flex;align-items:center;gap:8px}.hamburger{display:none;background:none;border:none;color:#3c4043;font-size:24px;cursor:pointer}.nav-dropdown{position:relative}.nav-dropdown-trigger{cursor:pointer;background:none;border:none;color:#ffffffb3;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:400;transition:all .2s}.nav-dropdown-trigger:hover{background:#ffffff1a;color:#fff}.nav-dropdown-panel{display:none;position:absolute;top:100%;left:0;min-width:200px;background:var(--color-nav-bg);border-radius:8px;padding:8px 0;box-shadow:0 8px 24px #0000004d;z-index:200;opacity:0;transform:translateY(-4px);transition:opacity .1s,transform .1s}.nav-dropdown-panel.open{display:block;opacity:1;transform:translateY(0)}.nav-dropdown-panel a{display:block;padding:8px 16px;color:#ffffffb3;font-size:14px;text-decoration:none;transition:background .15s}.nav-dropdown-panel a:hover{background:#ffffff1a;color:#fff}.dropdown-divider{border:none;border-top:1px solid rgba(255,255,255,.1);margin:6px 0}.dropdown-label{display:block;padding:4px 16px;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#fff6}.hero{background:linear-gradient(135deg,var(--color-gradient-start) 0%,var(--color-gradient-end) 60%,#3a1d72 100%);color:var(--color-surface);padding:80px 24px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.hero h1{font-size:clamp(28px,5vw,48px);font-weight:200;margin-bottom:16px;line-height:1.2;letter-spacing:1px;position:relative}.hero p{font-size:clamp(16px,2.5vw,20px);opacity:.9;max-width:680px;margin:0 auto 28px;font-weight:300;position:relative}.hero .btn{display:inline-block;background:#ffffff26;color:var(--color-surface);padding:14px 32px;border-radius:12px;font-weight:500;font-size:16px;transition:all .3s;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);position:relative}.hero .btn:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 8px 24px #0003;text-decoration:none}.section{max-width:900px;margin:0 auto;padding:60px 24px}.section h2{font-size:28px;font-weight:300;margin-bottom:16px;color:var(--color-text);letter-spacing:.5px}.section h3{font-size:20px;font-weight:400;margin:28px 0 10px;color:var(--color-text)}.section p,.section li{font-size:16px;color:var(--color-text-light);margin-bottom:12px}.section ul{padding-left:20px}.section ul li{margin-bottom:8px}.section strong{color:var(--color-text);font-weight:500}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin:32px 0}.card{background:var(--color-surface);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);border:1px solid var(--color-border);transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card h3{font-size:18px;margin:0 0 8px;font-weight:400;color:var(--color-text)}.card p{font-size:15px;color:var(--color-dim);margin:0}.card:before{content:"";display:block;width:48px;height:48px;margin-bottom:16px;background-size:contain;background-repeat:no-repeat;opacity:.7}.card:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%236c5ce7' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='24' cy='24' r='20'/%3E%3Cpath d='M24 4v40M4 24h40M10 10l28 28M38 10L10 38'/%3E%3C/svg%3E")}.card:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%230984e3' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M24 4v8M24 36v8M4 24h8M36 24h8'/%3E%3Ccircle cx='24' cy='24' r='8'/%3E%3Ccircle cx='24' cy='24' r='16' stroke-dasharray='4 4'/%3E%3C/svg%3E")}.card:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%2300b894' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M8 40L16 28 24 32 32 16 40 8'/%3E%3Ccircle cx='16' cy='28' r='3'/%3E%3Ccircle cx='24' cy='32' r='3'/%3E%3Ccircle cx='32' cy='16' r='3'/%3E%3Ccircle cx='40' cy='8' r='3'/%3E%3C/svg%3E")}.card:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23e17055' stroke-width='2' stroke-linecap='round'%3E%3Crect x='8' y='8' width='32' height='32' rx='4'/%3E%3Cpath d='M8 18h32M18 18v22M30 18v22'/%3E%3C/svg%3E")}.card:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23fdcb6e' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M24 4l6 12 14 2-10 10 2 14-12-6-12 6 2-14L4 18l14-2z'/%3E%3C/svg%3E")}.card:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23a29bfe' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='16' cy='16' r='10'/%3E%3Ccircle cx='32' cy='32' r='10'/%3E%3Cpath d='M23 10l2 12M25 38l-2-12'/%3E%3C/svg%3E")}.cta{background:var(--gradient);color:var(--color-surface);text-align:center;padding:56px 24px;margin:40px 0 0;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none}.cta h2{font-size:26px;margin-bottom:12px;font-weight:300;letter-spacing:.5px;position:relative}.cta p{opacity:.9;margin-bottom:20px;font-weight:300;position:relative}.cta .btn{background:#ffffff26;color:var(--color-surface);padding:12px 28px;border-radius:12px;font-weight:500;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);transition:all .3s;position:relative}.cta .btn:hover{background:#ffffff40;transform:translateY(-2px);text-decoration:none}.footer{background:var(--color-footer-bg);color:#ffffffb3;padding:40px 24px;text-align:center;font-size:14px}.footer-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:16px}.footer-links a{color:#fff9;transition:color .2s}.footer-links a:hover{color:var(--color-surface);text-decoration:none}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:400;margin-bottom:6px;font-size:14px;color:var(--color-text)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;border:1.5px solid #d0d5dd;border-radius:12px;font-size:15px;font-family:inherit;transition:border-color .2s,box-shadow .2s;background:var(--color-surface)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-shadow)}.form-group textarea{min-height:120px;resize:vertical}.form-btn{background:var(--gradient);color:var(--color-surface);border:none;padding:14px 32px;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px var(--color-shadow)}.form-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--color-shadow)}@media(max-width:768px){.nav{padding:0 16px}.nav-links{display:none;position:absolute;top:60px;left:0;right:0;background:var(--color-nav-bg);flex-direction:column;padding:12px;box-shadow:0 8px 24px #0003}.nav-links.open{display:flex}.hamburger{display:block}.nav-center{display:none}.nav-dropdown-panel{position:static;box-shadow:none;min-width:0;padding-left:16px}.hero{padding:48px 20px}.section{padding:40px 20px}}
