*{margin:0;padding:0;box-sizing:border-box}:root{--snapit-pink: #ffcddf;--snapit-dark: #1a1a1a;--snapit-black: #000000;--snapit-white: #ffffff;--snapit-gray: #64748b;--snapit-light-gray: #f8fafc;--snapit-success: #22c55e;--snapit-warning: #f59e0b;--snapit-error: #ef4444;--font-mono: "Fira Code", Monaco, "Cascadia Code", "Roboto Mono", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--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);--shadow-glow: 0 0 20px rgba(255, 205, 223, .5);--border-radius: 10px;--border-radius-sm: 6px;--border-radius-lg: 16px;--border-radius-xl: 24px;--transition-fast: .15s ease-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}body{font-family:var(--font-sans);background:var(--snapit-pink);color:var(--snapit-black);line-height:1.6;min-height:100vh;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.snapit-header{position:fixed;top:0;width:100%;background:rgba(255,205,223,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-md) 0;box-shadow:var(--shadow-md);z-index:1000;border-bottom:1px solid rgba(0,0,0,.1)}.snapit-nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.snapit-logo{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--snapit-black);text-decoration:none;transition:var(--transition-normal)}.snapit-logo:hover{color:var(--snapit-dark);text-shadow:var(--shadow-glow)}.snapit-nav-links{display:flex;gap:var(--spacing-lg);list-style:none}.snapit-nav-link{color:var(--snapit-black);text-decoration:none;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);transition:var(--transition-normal);position:relative}.snapit-nav-link:hover{background:var(--snapit-black);color:var(--snapit-pink);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.snapit-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius);font-family:var(--font-sans);font-weight:500;font-size:1rem;text-decoration:none;cursor:pointer;transition:var(--transition-normal);position:relative;overflow:hidden}.snapit-btn:disabled{opacity:.5;cursor:not-allowed}.snapit-btn-primary{background:var(--snapit-black);color:var(--snapit-white);box-shadow:var(--shadow-md)}.snapit-btn-primary:hover:not(:disabled){background:var(--snapit-dark);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.snapit-btn-secondary{background:var(--snapit-white);color:var(--snapit-black);border:2px solid var(--snapit-black);box-shadow:var(--shadow-sm)}.snapit-btn-secondary:hover:not(:disabled){background:var(--snapit-black);color:var(--snapit-white);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.snapit-btn-ghost{background:transparent;color:var(--snapit-black);border:2px solid transparent}.snapit-btn-ghost:hover:not(:disabled){background:rgba(0,0,0,.05);border-color:var(--snapit-black)}.snapit-btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1.125rem}.snapit-btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.875rem}.snapit-google-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--snapit-white);color:var(--snapit-black);border:2px solid var(--snapit-gray);border-radius:var(--border-radius);font-weight:500;text-decoration:none;cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.snapit-google-btn:hover{background:#f8f9fa;border-color:var(--snapit-black);box-shadow:var(--shadow-md);transform:translateY(-1px)}.snapit-google-icon{width:20px;height:20px}.snapit-card{background:var(--snapit-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl);transition:var(--transition-normal);border:1px solid rgba(0,0,0,.1)}.snapit-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.snapit-card-header{margin-bottom:var(--spacing-lg)}.snapit-card-title{font-size:1.5rem;font-weight:600;color:var(--snapit-black);margin-bottom:var(--spacing-sm)}.snapit-card-subtitle{color:var(--snapit-gray);font-size:.875rem}.snapit-form{max-width:400px;margin:0 auto}.snapit-form-group{margin-bottom:var(--spacing-lg)}.snapit-label{display:block;font-weight:500;color:var(--snapit-black);margin-bottom:var(--spacing-sm)}.snapit-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid rgba(0,0,0,.1);border-radius:var(--border-radius);font-family:var(--font-sans);font-size:1rem;background:var(--snapit-white);color:var(--snapit-black);transition:var(--transition-normal);pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}.snapit-input:focus{outline:none;border-color:var(--snapit-black);box-shadow:0 0 0 3px #0000001a}.snapit-input::placeholder{color:var(--snapit-gray)}.snapit-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.snapit-main{padding-top:80px;min-height:calc(100vh - 80px)}.snapit-hero{text-align:center;padding:var(--spacing-3xl) 0}.snapit-hero-title{font-size:3rem;font-weight:700;color:var(--snapit-black);margin-bottom:var(--spacing-lg);line-height:1.2}.snapit-hero-subtitle{font-size:1.25rem;color:var(--snapit-gray);margin-bottom:var(--spacing-2xl);max-width:600px;margin-left:auto;margin-right:auto}.snapit-section{padding:var(--spacing-3xl) 0}.snapit-section-title{font-size:2.5rem;font-weight:600;color:var(--snapit-black);text-align:center;margin-bottom:var(--spacing-2xl)}.snapit-grid{display:grid;gap:var(--spacing-xl)}.snapit-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.snapit-grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.snapit-grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.snapit-text-center{text-align:center}.snapit-text-left{text-align:left}.snapit-text-right{text-align:right}.snapit-mb-xs{margin-bottom:var(--spacing-xs)}.snapit-mb-sm{margin-bottom:var(--spacing-sm)}.snapit-mb-md{margin-bottom:var(--spacing-md)}.snapit-mb-lg{margin-bottom:var(--spacing-lg)}.snapit-mb-xl{margin-bottom:var(--spacing-xl)}.snapit-mt-xs{margin-top:var(--spacing-xs)}.snapit-mt-sm{margin-top:var(--spacing-sm)}.snapit-mt-md{margin-top:var(--spacing-md)}.snapit-mt-lg{margin-top:var(--spacing-lg)}.snapit-mt-xl{margin-top:var(--spacing-xl)}.snapit-p-xs{padding:var(--spacing-xs)}.snapit-p-sm{padding:var(--spacing-sm)}.snapit-p-md{padding:var(--spacing-md)}.snapit-p-lg{padding:var(--spacing-lg)}.snapit-p-xl{padding:var(--spacing-xl)}.snapit-rounded{border-radius:var(--border-radius)}.snapit-rounded-lg{border-radius:var(--border-radius-lg)}.snapit-rounded-xl{border-radius:var(--border-radius-xl)}.snapit-shadow-sm{box-shadow:var(--shadow-sm)}.snapit-shadow-md{box-shadow:var(--shadow-md)}.snapit-shadow-lg{box-shadow:var(--shadow-lg)}.snapit-shadow-xl{box-shadow:var(--shadow-xl)}@media (max-width: 768px){.snapit-nav{flex-direction:column;gap:var(--spacing-md)}.snapit-nav-links{flex-wrap:wrap;justify-content:center}.snapit-hero-title{font-size:2rem}.snapit-hero-subtitle{font-size:1rem}.snapit-section-title{font-size:2rem}.snapit-main{padding-top:120px}}@media (max-width: 480px){.snapit-container{padding:0 var(--spacing-md)}.snapit-hero-title{font-size:1.75rem}.snapit-card{padding:var(--spacing-lg)}.snapit-main{padding-top:140px}}.snapit-fade-in{animation:fadeIn .5s ease-out}.snapit-slide-up{animation:slideUp .5s ease-out}.snapit-bounce{animation:bounce .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.snapit-loading{position:relative;overflow:hidden}.snapit-loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,205,223,.4),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}.snapit-success{color:var(--snapit-success)}.snapit-warning{color:var(--snapit-warning)}.snapit-error{color:var(--snapit-error)}.snapit-success-bg{background:var(--snapit-success);color:var(--snapit-white)}.snapit-warning-bg{background:var(--snapit-warning);color:var(--snapit-white)}.snapit-error-bg{background:var(--snapit-error);color:var(--snapit-white)}@tailwind base;@tailwind components;@tailwind utilities;body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn-primary{@apply bg-app-600 hover:bg-app-700 text-white font-medium py-2 px-4 rounded-lg transition-colors duration-200;}