/* Minimal utility CSS generated for emirion.com.tr (no Tailwind CDN runtime) */

/* Base Styles */
*,::before,::after{
  box-sizing:border-box;
  border-width:0;
  border-style:solid;
  border-color:currentColor;
}

html{
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";
}

body{
  margin:0;
  line-height:inherit;
}

img,video{
  max-width:100%;
  height:auto;
}

button,input,select,textarea{
  font:inherit;
  color:inherit;
  margin:0;
  padding:0;
}

a{
  color:inherit;
  text-decoration:inherit;
}

/* CSS Variables */
:root{
  --grad-from:transparent;
  --grad-to:transparent;
  --grad-via:transparent;
  --ring-color:rgba(197,160,89,.35);
  --ring-size:0px;
}

/* Utility Classes */
.-top-10{top:-2.5rem}
.-translate-x-1\/2{transform:translateX(-50%)}
.absolute{position:absolute}
.active\:bg-\[\#20bd5a\]:active{background-color:#20bd5a}
.active\:bg-blue-700:active{background-color:#1d4ed8}
.active\:scale-95:active{transform:scale(0.95)}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.backdrop-blur{backdrop-filter:blur(8px)}
.backdrop-blur-md{backdrop-filter:blur(12px)}
.backdrop-blur-sm{backdrop-filter:blur(4px)}
.bg-\[\#020817\]{background-color:#020817}
.bg-\[\#25D366\]{background-color:#25D366}
.bg-black\/80{background-color:rgba(0,0,0,0.8)}
.bg-blue-600{background-color:#2563eb}
.bg-chessboard{
  background-image:linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.04) 50%,rgba(255,255,255,.04) 75%,transparent 75%,transparent);
  background-size:24px 24px;
}
.bg-emirion-gold{background-color:#C5A059}
.bg-emirion-gold\/10{background-color:rgba(197,160,89,0.1)}
.bg-emirion-gold\/20{background-color:rgba(197,160,89,0.2)}
.bg-emirion-navy{background-color:#051025}
.bg-emirion-navy\/80{background-color:rgba(5,16,37,0.8)}
.bg-emirion-navy\/95{background-color:rgba(5,16,37,0.95)}
.bg-emirion-navyLight{background-color:#0a1d3d}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--grad-from),var(--grad-via),var(--grad-to))}
.bg-gray-50{background-color:#f9fafb}
.bg-white{background-color:#ffffff}
.bg-white\/10{background-color:rgba(255,255,255,0.1)}
.bg-white\/5{background-color:rgba(255,255,255,0.05)}
.block{display:block}
.border{border-width:1px}
.border-2{border-width:2px}
.border-b{border-bottom-width:1px}
.border-emirion-gold{border-color:#C5A059}
.border-emirion-gold\/30{border-color:rgba(197,160,89,0.3)}
.border-gray-300{border-color:#d1d5db}
.border-t{border-top-width:1px}
.border-white\/10{border-color:rgba(255,255,255,0.1)}
.border-white\/15{border-color:rgba(255,255,255,0.15)}
.border-white\/20{border-color:rgba(255,255,255,0.2)}
.border-white\/5{border-color:rgba(255,255,255,0.05)}
.bottom-0{bottom:0}
.bottom-6{bottom:1.5rem}
.container{
  width:100%;
  max-width:1600px;
  margin-left:auto;
  margin-right:auto;
  padding-left:1.5rem;
  padding-right:1.5rem;
}
@media (min-width:640px){
  .container{padding-left:2rem;padding-right:2rem}
}
@media (min-width:1024px){
  .container{padding-left:2.5rem;padding-right:2.5rem}
}
@media (min-width:1440px){
  .container{padding-left:4rem;padding-right:4rem}
}
.cursor-pointer{cursor:pointer}
.duration-300{transition-duration:300ms}
.duration-500{transition-duration:500ms}
.fixed{position:fixed}
.flex{display:flex}
.flex-1{flex:1 1 0%}
.flex-col{flex-direction:column}
.flex-shrink-0{flex-shrink:0}
.focus\:border-emirion-gold:focus{border-color:#C5A059}
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.focus\:ring-1:focus{
  box-shadow:0 0 0 1px rgba(197,160,89,.35);
}
.focus\:ring-2:focus{
  box-shadow:0 0 0 2px rgba(197,160,89,.35);
}
.focus\:ring-emirion-gold:focus{
  box-shadow:0 0 0 var(--ring-size,2px) #C5A059;
}
.font-bold{font-weight:700}
.font-extrabold{font-weight:800}
.font-heading{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}
.font-medium{font-weight:500}
.font-sans{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}
.font-semibold{font-weight:600}
.from-emirion-gold{--grad-from:#C5A059}
.from-transparent{--grad-from:transparent}
.gap-2{gap:0.5rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.grid{display:grid}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.group:hover .group-hover\:bg-emirion-gold{background-color:#C5A059}
.group:hover .group-hover\:border-emirion-gold{border-color:#C5A059}
.group:hover .group-hover\:text-emirion-navy{color:#051025}
.group[open] .group-open\:rotate-180{transform:rotate(180deg)}
.h-0\.5{height:0.125rem}
.h-1{height:0.25rem}
.h-10{height:2.5rem}
.h-12{height:3rem}
.h-14{height:3.5rem}
.h-16{height:4rem}
.h-24{height:6rem}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.h-7{height:1.75rem}
.h-8{height:2rem}
.h-full{height:100%}
.hidden{display:none}
.hover\:-translate-y-1:hover{transform:translateY(-0.25rem)}
.hover\:bg-\[\#20bd5a\]:hover{background-color:#20bd5a}
.hover\:bg-blue-700:hover{background-color:#1d4ed8}
.hover\:bg-emirion-goldHover:hover{background-color:#d4b06a}
.hover\:bg-white\/5:hover{background-color:rgba(255,255,255,0.05)}
.hover\:bg-yellow-500:hover{background-color:#eab308}
.hover\:border-emirion-gold:hover{border-color:#C5A059}
.hover\:border-white\/30:hover{border-color:rgba(255,255,255,0.3)}
.hover\:scale-110:hover{transform:scale(1.1)}
.hover\:text-emirion-gold:hover{color:#C5A059}
.hover\:text-white:hover{color:#ffffff}
.inline-block{display:inline-block}
.inline-flex{display:inline-flex}
.inset-0{top:0;right:0;bottom:0;left:0}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.leading-relaxed{line-height:1.625}
.leading-tight{line-height:1.25}
.left-0{left:0}
.left-1\/2{left:50%}
.left-6{left:1.5rem}
.list-none{list-style:none}
.max-h-\[85vh\]{max-height:85vh}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-5xl{max-width:64rem}
.max-w-6xl{max-width:72rem}
.max-w-\[calc\(100\%-3rem\)\]{max-width:calc(100% - 3rem)}
.mb-1{margin-bottom:0.25rem}
.mb-12{margin-bottom:3rem}
.mb-2{margin-bottom:0.5rem}
.mb-3{margin-bottom:0.75rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem}
.min-h-\[90vh\]{min-height:90vh}
.modal-content{
  width:100%;
  max-width:42rem;
  max-height:85vh;
  overflow:auto;
  border-radius:1rem;
  background:rgba(5,16,37,.95);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 25px 50px -12px rgba(0,0,0,.35);
  backdrop-filter:blur(12px);
}
.modal-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.8);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1rem;
  z-index:80;
}
.mr-3{margin-right:0.75rem}
.mt-0\.5{margin-top:0.125rem}
.mt-2{margin-top:0.5rem}
.mt-3{margin-top:0.75rem}
.mt-4{margin-top:1rem}
.mt-6{margin-top:1.5rem}
.mx-auto{margin-left:auto;margin-right:auto}
.opacity-30{opacity:0.3}
.overflow-hidden{overflow:hidden}
.overflow-x-hidden{overflow-x:hidden}
.overflow-y-auto{overflow-y:auto}
.p-1{padding:0.25rem}
.p-3{padding:0.75rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.pb-12{padding-bottom:3rem}
.pb-24{padding-bottom:6rem}
.pb-6{padding-bottom:1.5rem}
.pt-0{padding-top:0}
.pt-12{padding-top:3rem}
.pt-24{padding-top:6rem}
.pt-6{padding-top:1.5rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.relative{position:relative}
.right-0{right:0}
.right-6{right:1.5rem}
.rounded{border-radius:0.25rem}
.rounded-2xl{border-radius:1rem}
.rounded-bl-lg{border-bottom-left-radius:0.5rem}
.rounded-full{border-radius:9999px}
.rounded-lg{border-radius:0.5rem}
.rounded-tr-lg{border-top-right-radius:0.5rem}
.rounded-xl{border-radius:0.75rem}
.scale-100{transform:scale(1)}
.scroll-smooth{scroll-behavior:smooth}
.selection\:bg-emirion-gold::selection{background-color:#C5A059}
.selection\:text-emirion-navy::selection{color:#051025}
.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.5\)\]{box-shadow:0 -4px 20px rgba(0,0,0,0.5)}
.shadow-glow{box-shadow:0 0 20px rgba(197,160,89,.3)}
.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.space-x-6 > :not([hidden]) ~ :not([hidden]){margin-left:1.5rem}
.space-y-3 > :not([hidden]) ~ :not([hidden]){margin-top:0.75rem}
.space-y-4 > :not([hidden]) ~ :not([hidden]){margin-top:1rem}
.sticky{position:sticky}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-base{font-size:1rem;line-height:1.5rem}
.text-center{text-align:center}
.text-emirion-gold{color:#C5A059}
.text-emirion-light{color:#e2e8f0}
.text-emirion-navy{color:#051025}
.text-gray-300{color:#d1d5db}
.text-gray-400{color:#9ca3af}
.text-gray-500{color:#6b7280}
.text-gray-600{color:#4b5563}
.text-gray-700{color:#374151}
.text-gray-900{color:#111827}
.text-left{text-align:left}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.text-white{color:#ffffff}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-xs{font-size:0.75rem;line-height:1rem}
.to-\[\#d4b06a\]{--grad-to:#d4b06a}
.to-transparent{--grad-to:transparent}
.top-0{top:0}
.top-12{top:3rem}
.tracking-wide{letter-spacing:0.025em}
.tracking-wider{letter-spacing:0.05em}
.tracking-widest{letter-spacing:0.1em}
.transform{transform:translateZ(0)}
.transition{
  transition-property:color,background-color,border-color,opacity,transform,box-shadow;
  transition-duration:200ms;
  transition-timing-function:cubic-bezier(0.4,0,0.2,1);
}
.transition-all{
  transition-property:all;
  transition-duration:200ms;
  transition-timing-function:cubic-bezier(0.4,0,0.2,1);
}
.transition-colors{
  transition-property:color,background-color,border-color;
  transition-duration:200ms;
  transition-timing-function:cubic-bezier(0.4,0,0.2,1);
}
.transition-transform{
  transition-property:transform;
  transition-duration:200ms;
  transition-timing-function:cubic-bezier(0.4,0,0.2,1);
}
.translate-y-full{transform:translateY(100%)}
.uppercase{text-transform:uppercase}
.via-emirion-gold{--grad-via:#C5A059}
.w-0\.5{width:0.125rem}
.w-10{width:2.5rem}
.w-12{width:3rem}
.w-14{width:3.5rem}
.w-16{width:4rem}
.w-20{width:5rem}
.w-24{width:6rem}
.w-5{width:1.25rem}
.w-6{width:1.5rem}
.w-7{width:1.75rem}
.w-8{width:2rem}
.w-\[360px\]{width:360px}
.w-full{width:100%}
.website-check-field{display:block;width:100%}
.z-10{z-index:10}
.z-50{z-index:50}
.z-\[60\]{z-index:60}
.z-\[70\]{z-index:70}
.z-\[80\]{z-index:80}

/* Responsive Classes */
@media (min-width:475px){
  .xs\:text-4xl{font-size:2.25rem;line-height:2.5rem}
}

@media (min-width:640px){
  .sm\:flex-row{flex-direction:row}
}

@media (min-width:768px){
  .md\:flex{display:flex}
  .md\:flex-row{flex-direction:row}
  .md\:gap-4{gap:1rem}
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .md\:h-6{height:1.5rem}
  .md\:hidden{display:none}
  .md\:mb-16{margin-bottom:4rem}
  .md\:mb-6{margin-bottom:1.5rem}
  .md\:mb-8{margin-bottom:2rem}
  .md\:p-10{padding:2.5rem}
  .md\:p-6{padding:1.5rem}
  .md\:p-8{padding:2rem}
  .md\:pb-0{padding-bottom:0}
  .md\:px-4{padding-left:1rem;padding-right:1rem}
  .md\:px-6{padding-left:1.5rem;padding-right:1.5rem}
  .md\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}
  .md\:py-20{padding-top:5rem;padding-bottom:5rem}
  .md\:scale-105{transform:scale(1.05)}
  .md\:space-y-4 > :not([hidden]) ~ :not([hidden]){margin-top:1rem}
  .md\:text-2xl{font-size:1.5rem;line-height:2rem}
  .md\:text-3xl{font-size:1.875rem;line-height:2.25rem}
  .md\:text-4xl{font-size:2.25rem;line-height:2.5rem}
  .md\:text-5xl{font-size:3rem;line-height:1}
  .md\:text-base{font-size:1rem;line-height:1.5rem}
  .md\:text-left{text-align:left}
  .md\:text-lg{font-size:1.125rem;line-height:1.75rem}
  .md\:text-sm{font-size:0.875rem;line-height:1.25rem}
  .md\:w-6{width:1.5rem}
}

@media (min-width:1024px){
  .lg\:block{display:block}
  .lg\:flex-row{flex-direction:row}
  .lg\:gap-16{gap:4rem}
  .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lg\:hidden{display:none}
  .lg\:min-h-screen{min-height:100vh}
  .lg\:mx-0{margin-left:0;margin-right:0}
  .lg\:pb-24{padding-bottom:6rem}
  .lg\:pt-32{padding-top:8rem}
  .lg\:text-6xl{font-size:3.75rem;line-height:1}
  .lg\:text-left{text-align:left}
  .lg\:w-1\/2{width:50%}
}

/* Animations */
@keyframes pulseGold{
  0%,100%{box-shadow:0 0 0 0 rgba(197,160,89,.45)}
  50%{box-shadow:0 0 0 10px rgba(197,160,89,0)}
}
.animate-pulse-gold{animation:pulseGold 2.2s infinite}

@keyframes fadeInUp{
  0%{opacity:0;transform:translateY(12px)}
  100%{opacity:1;transform:translateY(0)}
}
.fade-in-up{animation:fadeInUp 0.7s ease-out both}