:root{--brand-primary: #4f46e5;--brand-primary-hover: #4338ca;--brand-secondary: #0f172a;--brand-primary-50: #eef2ff;--brand-primary-100: #e0e7ff;--brand-primary-700: #4338ca;--brand-primary-900: #312e81;--surface-app: #f8fafc;--surface-card: #ffffff;--surface-glass: rgba(255, 255, 255, .85);--surface-muted: #f1f5f9;--text-main: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-subtle: #e2e8f0;--border-strong: #cbd5e1;--focus-ring: rgba(79, 70, 229, .25);--scrollbar-width: 6px;--scrollbar-track: transparent;--scrollbar-thumb: #cbd5e1;--scrollbar-thumb-hover: #94a3b8;--font-family-base: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--font-sans: var(--font-family-base);--transition-speed: .2s;--transition-curve: cubic-bezier(.4, 0, .2, 1);--transition-base: var(--transition-speed) var(--transition-curve);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--page-transition-duration: .3s;--page-transition-timing: cubic-bezier(.4, 0, .2, 1);--color-success-50: #f0fdf4;--color-success-700: #15803d;--color-warning-50: #fffbeb;--color-warning-700: #b45309;--color-danger-50: #fef2f2;--color-danger-700: #b91c1c;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .025);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .05), 0 10px 10px -5px rgba(0, 0, 0, .02);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--backdrop-blur: blur(12px) saturate(180%);--color-primary: var(--brand-primary);--color-primary-50: var(--brand-primary-50);--color-primary-100: var(--brand-primary-100);--color-primary-700: var(--brand-primary-hover);--color-primary-900: var(--brand-secondary);--text-color-strong: var(--text-main);--text-color: var(--text-main);--text-color-muted: var(--text-muted);--text-color-subtle: var(--text-secondary)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--surface-app);color:var(--text-main);font-family:var(--font-family-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--color-primary-100);color:var(--color-primary-900)}h1,h2,h3,h4,h5,h6{color:var(--text-main);letter-spacing:-.01em;margin:0}p{margin:0;color:var(--text-muted)}small,.meta{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--text-secondary);font-weight:600}button,input,select,textarea{font-family:var(--font-family-base);transition:all var(--transition-speed) var(--transition-curve)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.card-surface{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.glass-surface,.glass-panel{background:var(--surface-glass);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid rgba(226,232,240,.7);border-bottom:1px solid rgba(255,255,255,.3);border-radius:var(--radius-md)}.elevate-hover{transition:transform var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base)}.elevate-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.grid-page{max-width:1200px;margin:0 auto;padding:0 var(--space-6) var(--space-10)}.page-heading{display:flex;flex-direction:column;gap:6px;padding:var(--space-6) 0 var(--space-4)}.page-heading h1{font-size:28px;font-weight:700}.page-heading .description{color:var(--text-muted);font-size:15px}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:13px;font-weight:600}.breadcrumb__item{display:inline-flex;align-items:center;gap:6px}.breadcrumb__current{color:var(--brand-primary)}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}#root{position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.route-content{animation:fadeIn var(--page-transition-duration) var(--page-transition-timing);will-change:opacity,transform}a,button{transition:all var(--transition-base)}.route-container{min-height:100vh;position:relative}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.route-content{animation:none!important}}@media print{@page{size:A4 portrait;margin:12mm}body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background-color:#fff!important;color:var(--text-main)!important}#printable-report,#printable-admin-report{display:block!important}#printable-report .brand-primary,#printable-admin-report .brand-primary{color:var(--brand-primary)!important}#printable-report .brand-border,#printable-admin-report .brand-border{border-color:var(--brand-primary)!important}::-webkit-scrollbar{display:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .3s cubic-bezier(.4,0,.2,1) forwards}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes notification-shake{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-4px) rotate(-5deg)}20%{transform:translate(4px) rotate(5deg)}30%{transform:translate(-3px) rotate(-3deg)}40%{transform:translate(3px) rotate(3deg)}50%{transform:translate(-2px) rotate(-2deg)}60%{transform:translate(2px) rotate(2deg)}70%{transform:translate(-1px) rotate(-1deg)}80%{transform:translate(1px) rotate(1deg)}90%{transform:translate(0) rotate(0)}}.animate-notification-shake{animation:notification-shake .6s cubic-bezier(.36,.07,.19,.97);transform-origin:center center}:root{--dfg-steel-blue: #3f6aa3;--dfg-brick-red: #9d2b24;--dfg-midnight-blue: #1c2434;--dfg-steel-blue-light: rgba(63, 106, 163, .1);--dfg-brick-red-light: rgba(157, 43, 36, .1);--dfg-midnight-blue-light: rgba(28, 36, 52, .1)}.slide-up{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.animate-in .slide-up{opacity:1;transform:translateY(0)}.pop-in{opacity:0;transform:scale(.95) translateY(10px);transition:all .6s cubic-bezier(.34,1.56,.64,1)}.animate-in .pop-in{opacity:1;transform:scale(1) translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.landing-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#fff;color:#1c2434;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;position:relative}.dfg-bg-elements{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.dfg-blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15;transition:transform .3s ease-out}.dfg-blob-steel{width:600px;height:600px;background:var(--dfg-steel-blue);top:-200px;right:-200px}.dfg-blob-red{width:500px;height:500px;background:var(--dfg-brick-red);bottom:-150px;left:-150px}.dfg-blob-midnight{width:700px;height:700px;background:var(--dfg-midnight-blue);top:50%;left:50%;transform:translate(-50%,-50%)}.landing-navbar{display:flex;justify-content:space-between;align-items:center;padding:24px clamp(20px,5vw,40px);max-width:1400px;margin:0 auto;width:100%;position:fixed;top:0;left:50%;transform:translate(-50%);z-index:50;background:transparent;transition:all .3s ease}.navbar-scrolled{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(226,232,240,.8);padding:16px clamp(20px,5vw,40px);box-shadow:0 4px 12px -2px #00000014}.landing-brand{font-weight:700;font-size:20px;display:flex;align-items:center;gap:12px;color:var(--dfg-midnight-blue);letter-spacing:-.01em}.landing-brand-logo{width:32px;height:32px;background:linear-gradient(135deg,var(--dfg-steel-blue),var(--dfg-midnight-blue));border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #3f6aa34d}.landing-nav-links{display:flex;gap:16px;align-items:center}.landing-btn{padding:10px 20px;border-radius:10px;font-weight:600;font-size:14px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;display:inline-flex;align-items:center;gap:8px;font-family:inherit}.landing-btn:focus-visible{outline:2px solid var(--dfg-steel-blue);outline-offset:2px}.landing-btn-ghost{background:transparent;color:var(--dfg-midnight-blue)}.landing-btn-ghost:hover{background:#1c24340d;color:var(--dfg-midnight-blue)}.landing-btn-primary{background:var(--dfg-steel-blue);color:#fff;box-shadow:0 2px 8px #3f6aa340}.landing-btn-primary:hover{background:#35608f;transform:translateY(-1px);box-shadow:0 4px 12px #3f6aa359}.dfg-hero-section{padding:160px 24px 100px;max-width:1400px;margin:0 auto;position:relative;z-index:10;width:100%}.dfg-hero-container{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.dfg-hero-content{display:flex;flex-direction:column;gap:32px}.dfg-hero-title{font-size:clamp(42px,6vw,64px);line-height:1.1;font-weight:800;letter-spacing:-.04em;color:var(--dfg-midnight-blue);margin:0}.dfg-hero-title-highlight{color:var(--dfg-steel-blue)}.dfg-hero-subtitle{font-size:clamp(18px,2.5vw,22px);color:#64748b;line-height:1.7;font-weight:400;margin:0}.dfg-job-search-bar{margin:16px 0}.dfg-search-dropdown-wrapper{display:flex;gap:12px;background:#fff;border-radius:16px;padding:8px;box-shadow:0 10px 40px #0000001a;border:1px solid rgba(226,232,240,.8)}.dfg-search-dropdown{position:relative;flex:1;display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.dfg-dropdown-icon{color:var(--dfg-steel-blue);flex-shrink:0}.dfg-dropdown-button{flex:1;background:none;border:none;text-align:left;font-size:15px;font-weight:500;color:var(--dfg-midnight-blue);cursor:pointer;padding:0;font-family:inherit}.dfg-dropdown-button:hover{color:var(--dfg-steel-blue)}.dfg-chevron{color:#94a3b8;flex-shrink:0}.dfg-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;border:1px solid #e2e8f0;z-index:100;max-height:300px;overflow-y:auto}.dfg-dropdown-item{width:100%;padding:12px 16px;text-align:left;background:none;border:none;font-size:15px;color:var(--dfg-midnight-blue);cursor:pointer;transition:background .2s;font-family:inherit}.dfg-dropdown-item:hover{background:#f1f5f9;color:var(--dfg-steel-blue)}.dfg-dropdown-item:first-child{border-radius:12px 12px 0 0}.dfg-dropdown-item:last-child{border-radius:0 0 12px 12px}.dfg-search-button{display:flex;align-items:center;gap:8px;padding:14px 32px;background:var(--dfg-steel-blue);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.dfg-search-button:hover{background:#35608f;transform:translateY(-1px);box-shadow:0 4px 12px #3f6aa34d}.dfg-hero-actions{display:flex;gap:16px;flex-wrap:wrap}.dfg-cta-primary{padding:16px 32px;font-size:16px;border-radius:12px}.dfg-cta-secondary{padding:16px 32px;font-size:16px;border-radius:12px;background:#fff;border:2px solid #e2e8f0}.dfg-cta-secondary:hover{border-color:var(--dfg-steel-blue);color:var(--dfg-steel-blue)}.dfg-hero-visual{display:flex;align-items:center;justify-content:center}.dfg-professional-image{width:100%;max-width:500px;aspect-ratio:1;position:relative}.dfg-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--dfg-steel-blue-light),var(--dfg-brick-red-light));border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px #3f6aa333}.dfg-placeholder-icon{color:var(--dfg-steel-blue);opacity:.3}.dfg-onboarding-section{padding:120px 24px;background:#f8fafc;position:relative;z-index:5}.dfg-onboarding-container{max-width:1200px;margin:0 auto}.dfg-onboarding-header{text-align:center;margin-bottom:64px}.dfg-onboarding-title{font-size:clamp(36px,5vw,48px);font-weight:800;color:var(--dfg-midnight-blue);margin-bottom:16px;letter-spacing:-.02em}.dfg-onboarding-subtitle{font-size:clamp(18px,2.5vw,20px);color:#64748b;max-width:700px;margin:0 auto;line-height:1.6}.dfg-onboarding-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.dfg-onboarding-card{background:#fff;border-radius:20px;padding:32px;border:1px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a}.dfg-onboarding-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #3f6aa326;border-color:var(--dfg-steel-blue)}.dfg-onboarding-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--dfg-steel-blue-light),var(--dfg-brick-red-light));border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--dfg-steel-blue);margin-bottom:20px}.dfg-onboarding-card-title{font-size:20px;font-weight:700;color:var(--dfg-midnight-blue);margin-bottom:8px}.dfg-onboarding-card-desc{font-size:15px;color:#64748b;line-height:1.6;margin:0}.dfg-footer{padding:80px 24px 0;background:var(--dfg-midnight-blue);color:#fff;position:relative;z-index:5}.dfg-footer-container{max-width:1200px;margin:0 auto}.dfg-footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:64px;margin-bottom:48px}.dfg-footer-col{display:flex;flex-direction:column}.dfg-footer-title{font-size:18px;font-weight:700;margin-bottom:20px;color:#fff}.dfg-footer-text{font-size:15px;line-height:1.7;color:#fffc;margin-bottom:16px}.dfg-footer-address{font-size:15px;line-height:1.7;color:#ffffffb3;margin:0}.dfg-footer-links{display:flex;flex-direction:column;gap:12px}.dfg-footer-link{color:#fffc;text-decoration:none;font-size:15px;transition:all .2s;text-align:left;background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.dfg-footer-link:hover{color:#fff;transform:translate(4px)}.dfg-compliance-badge{display:flex;align-items:center;gap:8px;color:#fffc;font-size:14px;margin-bottom:10px}.dfg-compliance-badge svg{flex-shrink:0}.dfg-footer-copyright{padding:32px 0;border-top:1px solid rgba(255,255,255,.1);text-align:center}.dfg-footer-copyright p{margin:0;font-size:14px;color:#fff9}@media(max-width:1024px){.dfg-hero-container{grid-template-columns:1fr;gap:48px}.dfg-hero-visual{order:-1}.dfg-professional-image{max-width:400px;margin:0 auto}.dfg-footer-grid{grid-template-columns:1fr 1fr;gap:48px}.dfg-onboarding-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.landing-navbar{padding:16px 20px}.landing-nav-links{gap:12px}.landing-btn{padding:8px 16px;font-size:13px}.dfg-hero-section{padding:120px 20px 60px}.dfg-search-dropdown-wrapper{flex-direction:column}.dfg-search-dropdown{width:100%}.dfg-search-button{width:100%;justify-content:center}.dfg-hero-actions{flex-direction:column}.dfg-cta-primary,.dfg-cta-secondary{width:100%;justify-content:center}.dfg-onboarding-section{padding:80px 20px}.dfg-onboarding-grid{grid-template-columns:1fr}.dfg-footer-grid{grid-template-columns:1fr;gap:32px}.dfg-footer-copyright{text-align:left}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.landing-btn:focus-visible,.dfg-footer-link:focus-visible,.dfg-dropdown-button:focus-visible,.dfg-search-button:focus-visible{outline:2px solid var(--dfg-steel-blue);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){.slide-up,.pop-in{opacity:1!important;transform:none!important;transition:none!important}*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.referee-form-container input[type=text],.referee-form-container input[type=email],.referee-form-container input[type=date],.referee-form-container textarea,.referee-form-container select{width:100%;padding:12px 16px;font-size:16px;line-height:1.5;color:#0f172a;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease-in-out}.referee-form-container input[type=text]:focus,.referee-form-container input[type=email]:focus,.referee-form-container textarea:focus,.referee-form-container select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}input[type=radio]{width:1.25rem;height:1.25rem;color:#3b82f6;border-color:#cbd5e1}.signature-canvas{border-radius:8px;background-color:#fff}