*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#fffffff5,#f4f4f2e6 42%,#e8e8e6cc);color:var(--landing-ink)}#root{min-height:100vh}.landing-shell{position:relative;isolation:isolate}.landing-shell:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.03) 1px,transparent 1px);background-size:160px 160px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 78%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 78%);pointer-events:none;z-index:0}.landing-hero-glow{background:radial-gradient(circle at 50% 10%,#ffffffeb,#fff0 52%),radial-gradient(circle at 20% 20%,#94a3b826,#94a3b800 32%),radial-gradient(circle at 80% 18%,#0f172a1f,#0f172a00 34%);filter:blur(14px)}.landing-orbit-blur{background:radial-gradient(circle,#ffffffe6,#fff0);filter:blur(40px)}.landing-device{transform:perspective(1800px) rotateX(9deg) rotateY(-10deg);transform-origin:bottom left}@media (max-width: 1024px){.landing-device{transform:none}}input:autofill{-webkit-box-shadow:0 0 0 1000px white inset;-webkit-text-fill-color:rgb(15,23,42)}input:autofill:focus{-webkit-box-shadow:0 0 0 1000px white inset;-webkit-text-fill-color:rgb(15,23,42)}@layer components{.btn-primary{@apply px-4 py-3 rounded-lg font-semibold text-white transition-all duration-200 shadow-lg hover:shadow-xl disabled:opacity-50 disabled:cursor-not-allowed;}.btn-primary-dark{@apply px-4 py-3 rounded-lg font-semibold text-white transition-all duration-200 shadow-lg hover:shadow-xl disabled:opacity-50 disabled:cursor-not-allowed bg-gradient-to-r from-slate-900 to-slate-700 hover:from-slate-800 hover:to-slate-600;}.btn-primary-light{@apply px-4 py-3 rounded-lg font-semibold transition-all duration-200 shadow-lg hover:shadow-xl disabled:opacity-50 disabled:cursor-not-allowed bg-white text-slate-900 hover:bg-slate-50 border border-slate-200;}.input-field{@apply w-full px-4 py-3 rounded-lg border-2 transition-colors focus:outline-none;}.input-field-default{@apply w-full px-4 py-3 rounded-lg border-2 transition-colors focus:outline-none border-slate-200 focus:border-slate-900 bg-slate-50;}.input-field-error{@apply w-full px-4 py-3 rounded-lg border-2 transition-colors focus:outline-none border-red-300 focus:border-red-500 bg-red-50;}.label-base{@apply block text-sm font-semibold text-slate-900 mb-2;}.error-text{@apply text-red-600 text-xs mt-1;}.card{@apply bg-white rounded-2xl shadow-lg border border-slate-100;}.card-hover{@apply bg-white rounded-2xl shadow-lg border border-slate-100 hover:shadow-xl transition-shadow;}.gradient-primary{@apply bg-gradient-to-r from-slate-900 to-slate-700;}.gradient-text{@apply bg-gradient-to-r from-slate-900 to-slate-700 bg-clip-text text-transparent;}.nav-item{@apply px-4 py-2 hover:bg-slate-100 rounded-lg transition-colors font-medium;}.nav-link{@apply text-slate-700 hover:text-slate-900 transition-colors font-medium;}.container-md{@apply max-w-2xl mx-auto;}.container-lg{@apply max-w-7xl mx-auto;}}@layer utilities{.center-flex{@apply flex items-center justify-center;}.center-grid{@apply grid place-items-center;}.truncate-2{@apply line-clamp-2;}.truncate-3{@apply line-clamp-3;}.shadow-soft{@apply shadow-lg;}.shadow-hard{@apply shadow-2xl;}.text-gradient{@apply bg-gradient-to-r from-slate-900 to-slate-700 bg-clip-text text-transparent;}.transition-smooth{@apply transition-all duration-300 ease-in-out;}.blur-backdrop{@apply backdrop-blur-md;}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@layer utilities{.animate-fade-in{animation:fadeIn .3s ease-in-out}.animate-slide-up{animation:slideUp .4s ease-in-out}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}:focus-visible{@apply outline-none ring-2 ring-slate-900 ring-offset-2;}@media print{body{@apply bg-white text-slate-900;}}
