:root{--bg-main: #f8fafc;--bg-primary: #ffffff;--bg-secondary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #64748b;--border-color: #e2e8f0;--primary-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--primary-gradient-hover: linear-gradient(135deg, #4338ca 0%, #6d28d9 100%);--accent: #7c3aed;--accent-hover: #6d28d9;--accent-glow: rgba(124, 58, 237, .3);--btn-text: #ffffff;--accent-fire: #f43f5e;--accent-fire-glow: rgba(244, 63, 94, .3);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--btn-shadow: 0 4px 14px 0 rgba(124, 58, 237, .39)}html[data-theme=dark]{--bg-main: #0f172a;--bg-primary: #1e293b;--bg-secondary: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: #334155;--primary-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--primary-gradient-hover: linear-gradient(135deg, #818cf8 0%, #a78bfa 100%);--accent: #8b5cf6;--accent-hover: #7c3aed;--accent-glow: rgba(139, 92, 246, .3);--btn-text: #ffffff;--shadow-sm: 0 2px 4px rgba(0,0,0,.4);--shadow-md: 0 4px 8px rgba(0,0,0,.5);--shadow-lg: 0 10px 15px rgba(0,0,0,.5);--btn-shadow: 0 4px 14px 0 rgba(139, 92, 246, .3)}body{background-color:var(--bg-main);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}h1,h2,h3{letter-spacing:-.025em}.hero-overlay{background:linear-gradient(135deg,#1e1b4bd9,#581c87cc);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}html[data-theme=dark] .hero-overlay{background:linear-gradient(135deg,#0f172ae6,#3b0764d9)}.hero-overlay+div h1{text-shadow:0 4px 8px rgba(0,0,0,.3)}.pencil-art{filter:grayscale(100%) contrast(125%) brightness(1.1) sepia(20%);transition:filter .5s ease}.pencil-art:hover{filter:grayscale(0%) contrast(100%) brightness(100%) sepia(0%)}.animate-text-shine{background:linear-gradient(to right,#fff 20%,#a5b4fc,#fff 80%);background-size:200% auto;color:#fff;background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 4s linear infinite}@keyframes shine{to{background-position:200% center}}.theme-switch-wrapper{display:flex;align-items:center}.theme-switch{display:inline-block;height:24px;position:relative;width:48px}.theme-switch input{display:none}.slider{background-color:#cbd5e1;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.slider:before{background-color:#fff;bottom:2px;content:"";height:20px;left:2px;position:absolute;transition:.4s;width:20px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="orange" viewBox="0 0 24 24" width="16px" height="16px"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zM12 9c1.65 0 3 1.35 3 3s-1.35 3-3 3-3-1.35-3-3 1.35-3 3-3zm0-5c.55 0 1 .45 1 1v2c0 .55-.45 1-1 1s-1-.45-1-1V5c0-.55.45-1 1-1zm0 14c.55 0 1 .45 1 1v2c0 .55-.45 1-1 1s-1-.45-1-1v-2c0-.55.45-1 1-1zm-7.66-2.92l1.41 1.41c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41l-1.41-1.41c-.39-.39-1.02-.39-1.41 0s-.39 1.02 0 1.41zM18.24 7.17l-1.41-1.41c-.39-.39-1.02-.39-1.41 0s-.39 1.02 0 1.41l1.41 1.41c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41zM4 12c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1zm14 0c0 .55-.45 1-1 1h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1zm-7.66 9.33l1.41-1.41c.39-.39 1.02-.39 1.41 0s.39 1.02 0 1.41l-1.41 1.41c-.39-.39-1.02-.39-1.41 0s-.39-1.02 0-1.41zM18.24 16.83l-1.41 1.41c-.39-.39-1.02-.39-1.41 0s-.39-1.02 0-1.41l1.41-1.41c.39.39 1.02.39 1.41 0s.39 1.02 0-1.41z"/></svg>');background-repeat:no-repeat;background-position:center}input:checked+.slider{background-color:var(--accent)}input:checked+.slider:before{transform:translate(24px);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="yellow" viewBox="0 0 24 24" width="16px" height="16px"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>')}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.hero-tech-bg{background-color:#020617;background-image:linear-gradient(rgba(99,102,241,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.05) 1px,transparent 1px);background-size:50px 50px;position:relative;overflow:hidden}.hero-tech-bg:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:radial-gradient(circle at center,rgba(79,70,229,.15) 0%,transparent 60%);pointer-events:none;z-index:1}.tech-line{position:absolute;background:linear-gradient(90deg,transparent,rgba(99,102,241,.5),transparent);height:1px;width:200px;opacity:.5;animation:moveLine 8s linear infinite}@keyframes moveLine{0%{transform:translate(-100%);left:0}to{transform:translate(100%);left:100%}}.side-tech-bg{background-color:#0f172a;position:relative;overflow:hidden}.side-tech-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px}.side-tech-bg svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;opacity:.3;pointer-events:none}@tailwind base;@tailwind components;@tailwind utilities;.elegant-button{background-image:var(--primary-gradient);color:var(--btn-text);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px;padding:10px 24px;font-weight:600;border:none;box-shadow:var(--btn-shadow)}.elegant-button:hover{background-image:var(--primary-gradient-hover);transform:translateY(-2px);box-shadow:0 8px 20px -4px #7c3aed80;filter:brightness(1.1)}.elegant-button:active{transform:translateY(0)}.elegant-button-outline{background-color:transparent;color:var(--accent);border:2px solid var(--accent);transition:all .3s ease;border-radius:8px;padding:10px 24px;font-weight:600}.elegant-button-outline:hover{background-color:var(--accent);color:var(--btn-text);transform:translateY(-2px);box-shadow:var(--btn-shadow)}.elegant-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);transition:all .3s ease}.elegant-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px);border-color:var(--accent)}.elegant-input{background-color:#fff;border:1px solid #cbd5e1;color:var(--text-primary);border-radius:8px;padding:12px 14px;width:100%;transition:border-color .3s ease,box-shadow .3s ease;box-shadow:0 1px 2px #0000000d}html[data-theme=dark] .elegant-input{background-color:var(--bg-secondary);border-color:var(--border-color)}.elegant-input:focus{outline:none;border-color:var(--accent);background-color:#fff;box-shadow:0 0 0 3px var(--accent-glow)}html[data-theme=dark] .elegant-input:focus{background-color:var(--bg-secondary)}