:root{--codecot-purple: #667eea;--codecot-purple-dark: #5a67d8;--codecot-indigo: #764ba2;--codecot-blue: #4299e1;--codecot-orange: #f6ad55;--codecot-sunset-start: #667eea;--codecot-sunset-mid: #764ba2;--codecot-sunset-end: #f6ad55;--codecot-dark: #1a202c;--codecot-gray-900: #2d3748;--codecot-gray-700: #4a5568;--codecot-gray-500: #718096;--codecot-gray-300: #cbd5e0;--codecot-gray-100: #f7fafc;--codecot-white: #ffffff;--codecot-gradient: linear-gradient(135deg, var(--codecot-sunset-start) 0%, var(--codecot-sunset-mid) 50%, var(--codecot-sunset-end) 100%);--codecot-gradient-subtle: linear-gradient(135deg, var(--codecot-purple) 0%, var(--codecot-indigo) 100%);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Roboto Mono", "SF Mono", Monaco, Consolas, monospace;--font-accent: "Dancing Script", cursive;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1)}.font-primary{font-family:var(--font-primary)}.font-mono{font-family:var(--font-mono)}.font-accent{font-family:var(--font-accent)}.gradient-text{background:var(--codecot-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.code-brackets:before{content:"{ ";color:var(--codecot-purple);font-family:var(--font-mono)}.code-brackets:after{content:" }";color:var(--codecot-purple);font-family:var(--font-mono)}.logo{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-primary);font-weight:700;font-size:1.5rem;color:var(--codecot-white)}.logo-symbol{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--codecot-gradient);border-radius:var(--radius-md);font-family:var(--font-mono);font-weight:700;color:var(--codecot-white)}.btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-primary);font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;cursor:pointer;border:none}.btn-primary{background:var(--codecot-gradient);color:var(--codecot-white);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--codecot-white);color:var(--codecot-purple);box-shadow:var(--shadow-md)}.btn-secondary:hover{background:var(--codecot-gray-100);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card{background:var(--codecot-white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);transition:all .3s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.sunset-header{background:var(--codecot-gradient);position:relative;overflow:hidden}.sunset-header:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--codecot-orange),transparent);animation:wave 3s ease-in-out infinite}@keyframes wave{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.tech-border{border:2px solid var(--codecot-gray-300);border-style:dashed;border-radius:var(--radius-md)}.code-tag{font-family:var(--font-mono);background:var(--codecot-gray-100);padding:.2em .4em;border-radius:var(--radius-sm);font-size:.875em}