*{margin:0;padding:0;box-sizing:border-box}html{font-size:clamp(14px,.75vw + .5rem,16px);height:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{height:100%;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8f9fa;color:#333;line-height:1.6;font-size:1rem;overflow-x:hidden}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-color: #ff1744;--text-primary: #2c3e50;--text-secondary: #7f8c8d;--text-light: #ffffff;--background-light: rgba(255, 255, 255, .95);--background-card: #ffffff;--border-color: #e1e8ed;--shadow-light: 0 2px 10px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 20px rgba(0, 0, 0, .15);--shadow-heavy: 0 8px 30px rgba(0, 0, 0, .2)}.btn{padding:clamp(.625rem,1vw,.75rem) clamp(1.25rem,2vw,1.5rem);border:none;border-radius:clamp(1.25rem,2vw,1.5625rem);font-weight:500;font-size:clamp(.813rem,1vw,.875rem);cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:clamp(7rem,10vw,7.5rem)}.btn-primary{background:#5a6fd8;color:#fff;box-shadow:var(--shadow-light)}.btn-primary:hover{transform:translateY(-.125rem);box-shadow:var(--shadow-medium);background:#4a5cc7}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover{background:var(--background-light);transform:translateY(-.0625rem)}.form-group{margin-bottom:clamp(1rem,2vw,1.25rem);position:relative}.form-control{width:100%;padding:clamp(.875rem,1.5vw,.9375rem) clamp(1rem,2vw,1.25rem);border:2px solid transparent;border-radius:clamp(1.25rem,2vw,1.5625rem);background:#ffffffe6;font-size:clamp(.813rem,1vw,.875rem);font-family:IBM Plex Sans,sans-serif;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-control:focus{outline:none;border-color:#667eea;background:#fffffff2;box-shadow:0 0 0 .1875rem #667eea1a}.form-control::placeholder{color:#95a5a6;font-weight:400}.card{background:var(--background-card);border-radius:clamp(1rem,2vw,1.25rem);padding:clamp(1.5rem,3vw,2.5rem);box-shadow:var(--shadow-medium);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;overflow:hidden;max-width:100%}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--primary-gradient);opacity:0;transition:opacity .3s ease}.card:hover{transform:translateY(-.25rem);box-shadow:0 .5rem 1.875rem #667eea26}.card:hover:before{opacity:1}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;padding:8px 16px;border-radius:12px;transition:all .3s ease}.nav-link:hover{color:var(--text-primary);background:#667eea1a}.nav-link.active{color:#667eea;background:#667eea26}.text-center{text-align:center}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-light{color:var(--text-light)}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 clamp(1rem,2vw,2rem)}img{max-width:100%;height:auto;display:block}@media (min-width: 2560px){html{font-size:18px}.container{max-width:1920px}}@media (min-width: 1920px) and (max-width: 2559px){html{font-size:16px}}@media (min-width: 1600px) and (max-width: 1919px){html{font-size:15.5px}.container{max-width:1400px}}@media (min-width: 1440px) and (max-width: 1599px){html{font-size:15px}.container{max-width:1280px;padding:0 1.5rem}.card{padding:clamp(1.25rem,2.5vw,2rem)}}@media (min-width: 1366px) and (max-width: 1439px){html{font-size:14.5px}.container{max-width:1200px;padding:0 1.25rem}.card{padding:clamp(1rem,2vw,1.75rem);border-radius:.875rem}.btn{padding:.625rem 1.25rem;font-size:.813rem}}@media (min-width: 1024px) and (max-width: 1365px){html{font-size:14px}.container{max-width:960px;padding:0 1rem}.card{padding:1.5rem;border-radius:.75rem}.btn{padding:.5rem 1rem;font-size:.813rem;min-width:6rem}.form-control{padding:.75rem 1rem;font-size:.813rem}}@media (min-width: 768px) and (max-width: 1023px){html{font-size:14px}.container{padding:0 1rem}.card{padding:1.25rem;margin:.75rem 0}}@media (max-width: 767px){html{font-size:14px}.card{padding:1rem;margin:.5rem 0;border-radius:.75rem}.btn{padding:.625rem 1.25rem;font-size:.813rem}.form-control{padding:.75rem 1rem;font-size:.875rem}.container{padding:0 .75rem}}.fade-in{animation:fadeIn .6s ease-out}.slide-up{animation:slideUp .6s ease-out}.pulse{animation:pulse 2s infinite}.shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-spinner{display:inline-flex;align-items:center;gap:8px}.loading-spinner .material-icons{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
