@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@layer base{:root{--background: 0 0% 100%;--foreground: 0 0% 3.9%;--card: 0 0% 100%;--card-foreground: 0 0% 3.9%;--popover: 0 0% 100%;--popover-foreground: 0 0% 3.9%;--primary: 0 0% 9%;--primary-foreground: 0 0% 98%;--secondary: 0 0% 96.1%;--secondary-foreground: 0 0% 9%;--muted: 0 0% 96.1%;--muted-foreground: 0 0% 45.1%;--accent: 0 0% 96.1%;--accent-foreground: 0 0% 9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 0 0% 89.8%;--input: 0 0% 89.8%;--ring: 0 0% 3.9%;--chart-1: 12 76% 61%;--chart-2: 173 58% 39%;--chart-3: 197 37% 24%;--chart-4: 43 74% 66%;--chart-5: 27 87% 67%;--radius: .5rem}.dark{--background: 0 0% 3.9%;--foreground: 0 0% 98%;--card: 0 0% 3.9%;--card-foreground: 0 0% 98%;--popover: 0 0% 3.9%;--popover-foreground: 0 0% 98%;--primary: 0 0% 98%;--primary-foreground: 0 0% 9%;--secondary: 0 0% 14.9%;--secondary-foreground: 0 0% 98%;--muted: 0 0% 14.9%;--muted-foreground: 0 0% 63.9%;--accent: 0 0% 14.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 0 0% 14.9%;--input: 0 0% 14.9%;--ring: 0 0% 83.1%;--chart-1: 220 70% 50%;--chart-2: 160 60% 45%;--chart-3: 30 80% 55%;--chart-4: 280 65% 60%;--chart-5: 340 75% 55%}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;}}@layer base{[data-debug-wrapper=true]{display:contents!important}[data-debug-wrapper=true]>*{margin-left:inherit;margin-right:inherit;margin-top:inherit;margin-bottom:inherit;padding-left:inherit;padding-right:inherit;padding-top:inherit;padding-bottom:inherit;column-gap:inherit;row-gap:inherit;gap:inherit;border-left-width:inherit;border-right-width:inherit;border-top-width:inherit;border-bottom-width:inherit;border-left-style:inherit;border-right-style:inherit;border-top-style:inherit;border-bottom-style:inherit;border-left-color:inherit;border-right-color:inherit;border-top-color:inherit;border-bottom-color:inherit}}:root{--color-background: #F2F2F2;--bg-white: #FFFFFF;--text-primary: #232323;--text-secondary: rgba(35, 35, 35, .7);--border-color: #232323;--border-light: rgba(35, 35, 35, .1);--accent-primary: #38FF62;--accent-hover: #2AE052;--accent-active: #1DC943;--accent-foreground: #232323;--color-success: #38FF62;--color-error: #FF3838;--color-disabled: rgba(35, 35, 35, .3);--grid-unit: 47.6px}*{box-sizing:border-box}body{background-color:var(--color-background);color:var(--text-primary);margin:0;padding:0;overflow-x:hidden}.grid-background{position:fixed;inset:0;background-color:var(--color-background);background-image:linear-gradient(to right,var(--border-color) 1px,transparent 1px),linear-gradient(to bottom,var(--border-color) 1px,transparent 1px);background-size:47.6px 47.6px;opacity:.05;pointer-events:none;z-index:-1}.header-logo{font-family:Courier New,monospace;font-size:24px;font-weight:700;color:var(--text-primary);line-height:1;text-transform:uppercase;letter-spacing:.05em}.hero-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(40px,8vw,120px);font-weight:700;color:var(--text-primary);line-height:1;text-transform:uppercase;letter-spacing:-.02em;margin:0}.title-big{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(32px,6vw,80px);font-weight:700;color:var(--text-primary);line-height:1.1;text-transform:uppercase;margin:0}.text-big{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(20px,4vw,48px);font-weight:400;color:var(--text-primary);line-height:1.2;margin:0}.text-regular{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(16px,2vw,24px);font-weight:400;color:var(--text-primary);line-height:1.4;margin:0}.text-body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(14px,1.5vw,18px);font-weight:400;color:var(--text-primary);line-height:1.6;margin:0}.label{font-family:Courier New,monospace;font-size:clamp(10px,1.2vw,14px);font-weight:700;color:var(--text-primary);line-height:1;text-transform:uppercase;letter-spacing:.1em;margin:0}.label-small{font-family:Courier New,monospace;font-size:clamp(8px,1vw,11px);font-weight:700;color:var(--text-secondary);line-height:1.25;text-transform:uppercase;letter-spacing:.1em;margin:0}.btn-primary{background:transparent;border:1px solid var(--border-color);border-radius:0;padding:14px 28px;font-family:Courier New,monospace;font-size:12px;font-weight:700;color:var(--text-primary);text-transform:uppercase;cursor:pointer;transition:all .2s ease;min-height:48px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;letter-spacing:.1em;gap:8px}.btn-primary:hover{background:#2323230d}.btn-primary:active{background:#2323231a}.btn-accent{background:var(--accent-primary);border:none;border-radius:0;padding:14px 28px;font-family:Courier New,monospace;font-size:12px;font-weight:700;color:var(--accent-foreground);text-transform:uppercase;cursor:pointer;transition:all .2s ease;min-height:48px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;letter-spacing:.1em;gap:8px}.btn-accent:hover{background:var(--accent-hover);transform:scale(1.02)}.btn-accent:active{background:var(--accent-active);transform:scale(.98)}.btn-ghost{background:transparent;border:none;border-radius:0;padding:8px 16px;font-family:Courier New,monospace;font-size:12px;font-weight:700;color:var(--text-primary);text-transform:uppercase;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;letter-spacing:.1em;gap:8px}.btn-ghost:hover{opacity:.7}.btn-ghost:active{opacity:.5}.nav-link{color:var(--text-primary);text-decoration:none;font-family:Courier New,monospace;font-size:12px;font-weight:700;text-transform:uppercase;padding:8px 16px;transition:opacity .15s ease;letter-spacing:.1em;display:inline-block}.nav-link:hover{opacity:.7}.card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:0;padding:calc(var(--grid-unit) / 2);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:var(--accent-primary);transition:left .4s cubic-bezier(.4,0,.2,1)}.card:hover:before{left:0}.card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #2323231f;border-color:var(--accent-primary)}.portfolio-container{width:100%;max-width:1400px;margin:0 auto;padding:0 24px}.section{padding:calc(var(--grid-unit) * 2) 0}.section-large{padding:calc(var(--grid-unit) * 3) 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-on-scroll{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out}.animate-on-scroll.visible{opacity:1}.fade-in-up{animation:fadeInUp .8s ease-out forwards}.fade-in{animation:fadeIn .8s ease-out forwards}.slide-in-left{animation:slideInLeft .8s ease-out forwards}.slide-in-right{animation:slideInRight .8s ease-out forwards}.scale-in{animation:scaleIn .6s ease-out forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}@media(max-width:768px){.portfolio-container{padding:0 16px}.section{padding:calc(var(--grid-unit) * 1) 0}.section-large{padding:calc(var(--grid-unit) * 1.5) 0}.btn-primary,.btn-accent{width:100%;min-height:52px}.header-logo{font-size:18px}}