:root{--dev-credit: "dev by H3NRY";--color-primary: #DA6F5F;--color-secondary: #619EA4;--color-tertiary: #2D4E67;--color-bg: #F6EFEA;--color-bg-card: #FFFFFF;--color-bg-light: #FFFFFF;--color-text: #33424C;--color-text-dark: #1E2A32;--color-accent: #DA6F5F;--color-accent-hover: #c9574a;--color-border: #E7DED8;--color-overlay: rgba(0, 0, 0, .55);--font-display: "Roboto Condensed", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Courier New", monospace;--color-white: #FBFCFC;--color-bg-surface: #E9F1F2;--color-bg-elevated: #FFFFFF;--color-text-muted: #52616B;--color-text-dim: #8A97A0;--color-border-light: #D9CFC9;--color-accent-gold: #B9822A;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--shadow-xl: 0 16px 48px rgba(0,0,0,.6);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--container-max: 1280px;--container-narrow: 960px;--header-height: 72px;--font-subtitle: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden;min-height:100vh;position:relative}body:before{content:"";position:fixed;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;pointer-events:none;z-index:0}body>*{position:relative;z-index:1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}img{max-width:100%;display:block}ul,ol{list-style:none}button{cursor:pointer;font-family:inherit;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:1px solid var(--color-border);outline:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--color-tertiary)}h3{color:#2d4e67;font-family:var(--font-subtitle)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 24px}.container--narrow{max-width:var(--container-narrow)}.section{padding:80px 0}@media (max-width: 768px){.section{padding:48px 0}}.section-title{font-size:2.25rem;margin-bottom:8px;letter-spacing:-.02em;font-family:var(--font-subtitle);font-weight:lighter}@media (max-width: 768px){.section-title{font-size:1.75rem}}.section-subtitle{font-size:1rem;color:var(--color-text-muted);margin-bottom:48px;font-weight:400}.accent-line{width:48px;height:3px;background:var(--color-accent);margin-bottom:24px;border-radius:2px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;letter-spacing:.02em;text-transform:uppercase;transition:all var(--transition-base);position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:#ffffff1a;opacity:0;transition:opacity var(--transition-fast)}.btn:hover:after{opacity:1}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{background:var(--color-accent-hover);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--outline{border:1px solid var(--color-border-light);color:var(--color-text)}.btn--outline:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.btn--ghost{color:var(--color-text-muted);padding:8px 16px}.btn--ghost:hover{color:var(--color-text)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 10px #2d4e670f;transition:all var(--transition-base)}.card:hover{border-color:var(--color-border-light);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-size:.85rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.form-input{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text);transition:border-color var(--transition-fast)}.form-input:focus{border-color:var(--color-accent)}.form-input::placeholder{color:var(--color-text-dim)}textarea.form-input{resize:vertical;min-height:120px}.badge{display:inline-block;padding:4px 10px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge--accent{background:#c0392b26;color:var(--color-accent)}.badge--gold{background:#d4a84326;color:var(--color-accent-gold)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim)}::selection{background:var(--color-accent);color:#fff}.page-enter{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 480px){.container{padding:0 18px}:root{--header-height: 64px}html{font-size:16px}.section{padding:48px 0}.section-title{font-size:1.75rem;margin-bottom:12px;line-height:1.2}.section-subtitle{font-size:.95rem;margin-bottom:32px;line-height:1.5}.accent-line{width:40px;height:3px;margin-bottom:20px}.btn{padding:12px 24px;font-size:.9rem;display:inline-flex}.btn--primary{justify-content:center}.btn--outline{width:auto}.card{border-radius:var(--radius-lg);margin-bottom:16px}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.form-group{margin-bottom:16px}.form-input{padding:12px 14px;font-size:1rem;border-radius:var(--radius-md)}.form-label{font-size:.8rem;margin-bottom:6px}.badge{padding:5px 10px;font-size:.75rem;margin:4px 4px 4px 0}}@media (max-width: 768px){.section{padding:56px 0}.section-title{font-size:2rem}.section-subtitle{font-size:1rem;margin-bottom:36px}.btn{padding:11px 26px;font-size:.95rem}}@media (max-width: 768px) and (hover: none){.card:hover{transform:none;box-shadow:var(--shadow-sm)}.btn:hover{transform:none}}.horizontal-scroll{display:flex;gap:18px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0 -18px;padding-left:18px;padding-right:18px}.horizontal-scroll::-webkit-scrollbar{display:none}.horizontal-scroll>*{flex-shrink:0;scroll-snap-align:start}@media (max-width: 480px){.horizontal-scroll{gap:14px;margin:0 -18px;padding-left:18px;padding-right:18px}}.page-hero{padding:64px 0 48px}@media (max-width: 768px){.page-hero{padding:48px 0 36px}}@media (max-width: 480px){.page-hero{padding:40px 0 32px}}.page-hero__title{font-size:2.8rem;line-height:1.1;letter-spacing:-.01em}@media (max-width: 768px){.page-hero__title{font-size:2.2rem}}@media (max-width: 480px){.page-hero__title{font-size:1.85rem;line-height:1.25}}.page-hero__subtitle{font-size:1.15rem;color:var(--color-text-muted);line-height:1.6}@media (max-width: 768px){.page-hero__subtitle{font-size:1.05rem}}@media (max-width: 480px){.page-hero__subtitle{font-size:.95rem;line-height:1.5}}@media (hover: none) and (pointer: coarse){button,a,input[type=button],input[type=submit]{min-height:44px;min-width:44px;padding:12px 16px}}