@charset "UTF-8";:root{--bg-primary-deep: #062837;--bg-1: #0A3D52;--bg-2: #0E4F66;--bg-3: #126B8A;--petroleum-light: #1A82A6;--petroleum-soft: #EBF4F7;--accent: #FF7A2F;--accent-hover: #FF5A1F;--accent-light: #FFF2EB;--accent-glow: rgba(255, 122, 47, .35);--surface-white: #ffffff;--surface-muted: #f8fafc;--surface-card: rgba(255, 255, 255, .94);--surface-dark-card: rgba(14, 79, 102, .35);--text-primary: #0B1F2A;--text-muted: #5F7C8A;--text-light: #94A3B8;--text-white: #FFFFFF;--border-light: rgba(214, 226, 232, .85);--border-glass: rgba(255, 255, 255, .15);--border-accent: rgba(255, 122, 47, .3);--shadow-sm: 0 2px 8px rgba(10, 61, 82, .06);--shadow-md: 0 8px 24px rgba(10, 61, 82, .08);--shadow-lg: 0 16px 40px rgba(10, 61, 82, .12);--shadow-xl: 0 24px 60px rgba(6, 40, 55, .22);--shadow-orange: 0 10px 25px rgba(255, 122, 47, .38);--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Plus Jakarta Sans", "Roboto", sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--text-primary);background-color:#f8fbfc;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.25;color:var(--text-primary)}a{text-decoration:none;color:inherit;transition:all .2s ease}img,svg{max-width:100%;height:auto;display:block}button,input,textarea,select{font-family:inherit}.container{width:100%;max-width:1240px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.section{padding:100px 0}@media(max-width:768px){.section{padding:64px 0}}.gradient-petroleum{background:linear-gradient(135deg,var(--bg-primary-deep) 0%,var(--bg-1) 35%,var(--bg-2) 70%,var(--bg-3) 100%)}.gradient-accent{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%)}.gradient-text-orange{background:linear-gradient(135deg,#FF9E5E 0%,var(--accent) 50%,var(--accent-hover) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-teal{background:linear-gradient(135deg,#0a3d52,#126b8a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:15px;padding:14px 28px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);white-space:nowrap}.btn-primary{background:var(--accent);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff;box-shadow:var(--shadow-orange)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px #ff7a2f7a;filter:brightness(1.05)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ffffff1f;color:#fff;border-color:#ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:#ffffff38;border-color:#ffffff73;transform:translateY(-2px)}.btn-outline-petroleum{background:transparent;color:var(--bg-1);border:2px solid var(--bg-2)}.btn-outline-petroleum:hover{background:var(--bg-1);color:#fff;transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.badge-orange{background:var(--accent-light);color:var(--accent-hover);border:1px solid rgba(255,122,47,.3)}.badge-petroleum{background:var(--petroleum-soft);color:var(--bg-1);border:1px solid rgba(14,79,102,.2)}.badge-dark-glass{background:#ffffff1a;color:#ff9e5e;border:1px solid rgba(255,122,47,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.glass-card{background:#ffffff14;border:1px solid var(--border-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);color:#fff}.glass-card-light{background:#fffffff2;border:1px solid var(--border-light);box-shadow:var(--shadow-md);border-radius:var(--radius-lg)}
