@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--color-primary: #FF8A65;--color-primary-dark: #E64A19;--color-accent: #FFD600;--color-accent-hover: #F9A825;--color-bg: #FFFAF6;--color-surface: #FFF3EC;--color-border: #F0DDD3;--color-bg-header: rgba(255, 250, 246, .96);--color-text-heading: #1A1412;--color-text: #4A3F3A;--color-text-light: #9A8880;--gradient-hero: linear-gradient(135deg, #FFFAF6 0%, #FFF3EC 100%);--gradient-accent: linear-gradient(135deg, #FF8A65 0%, #FFD600 100%);--gradient-glass: linear-gradient(145deg, rgba(255, 248, 240, .9), rgba(255, 243, 236, .75));--gradient-gold: linear-gradient(135deg, #FF8A65 0%, #E8A020 100%);--gradient-brand: linear-gradient(135deg, #FF8A65 0%, #FFD600 100%);--shadow-sm: 0 2px 6px rgba(200, 100, 60, .08);--shadow-md: 0 8px 24px rgba(200, 100, 60, .12);--shadow-lg: 0 20px 48px rgba(200, 100, 60, .18);--shadow-glow: 0 0 30px rgba(255, 138, 101, .35);--orb-color-1: rgba(255, 138, 101, .22);--orb-color-2: rgba(255, 214, 0, .18);--orb-color-3: rgba(255, 171, 145, .25);--orb-color-4: rgba(255, 200, 80, .15);--font-heading: "Playfair Display", Georgia, serif;--font-body: "Outfit", system-ui, -apple-system, sans-serif;--radius-sm: 4px;--radius-md: 10px;--radius-lg: 20px}html[data-theme=conventional]{--color-primary: #FF8A65;--color-primary-dark: #D45A30;--color-accent: #FFD600;--color-accent-hover: #E8A020;--color-bg: #2B2724;--color-surface: #332E2A;--color-border: #4A4440;--color-bg-header: rgba(43, 39, 36, .96);--color-text-heading: #F5EFEB;--color-text: #D6CFC7;--color-text-light: #A39B92;--gradient-hero: linear-gradient(135deg, #2B2724 0%, #332E2A 100%);--gradient-accent: linear-gradient(135deg, #FF8A65 0%, #FFD600 100%);--gradient-glass: linear-gradient(145deg, rgba(60, 54, 50, .85), rgba(43, 39, 36, .7));--gradient-gold: linear-gradient(135deg, #FF8A65 0%, #E8A020 100%);--gradient-brand: linear-gradient(135deg, #FF8A65 0%, #FFD600 100%);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .55);--shadow-glow: 0 0 30px rgba(255, 138, 101, .25);--orb-color-1: rgba(255, 138, 101, .1);--orb-color-2: rgba(255, 214, 0, .08);--orb-color-3: rgba(255, 171, 145, .12);--orb-color-4: rgba(255, 200, 80, .07)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);background-image:radial-gradient(circle at 12% 18%,var(--orb-color-1) 0%,transparent 45%),radial-gradient(circle at 88% 78%,var(--orb-color-2) 0%,transparent 45%);color:var(--color-text);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color .4s ease,color .4s ease}h1,h2,h3,h4,h5{font-family:var(--font-heading);color:var(--color-text-heading);line-height:1.15;font-weight:600;letter-spacing:.01em}h1{font-size:clamp(3rem,6vw,5rem)}h2{font-size:clamp(2.25rem,4vw,3.25rem)}h3{font-size:clamp(1.5rem,2.5vw,2rem)}p{font-size:1.1rem;letter-spacing:-.01em}.text-gold{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}button{cursor:pointer;font-family:var(--font-body)}a{text-decoration:none;color:inherit;transition:color .3s ease,opacity .3s ease}.glass-card{background:var(--gradient-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:7rem 0}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:3rem;box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.9rem 2rem;background:var(--color-surface);color:var(--color-text-heading);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-heading);font-weight:600;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;transition:color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .2s ease;overflow:hidden;position:relative;z-index:1}.btn:before{content:"";position:absolute;inset:0;background:var(--color-text-heading);z-index:-1;transform:scaleY(0);transform-origin:bottom;transition:transform .3s cubic-bezier(.7,0,.3,1)}.btn:hover:before{transform:scaleY(1);transform-origin:top}.btn:hover{color:var(--color-bg);border-color:var(--color-text-heading)}.btn-ghost{background:transparent;border:none;border-bottom:1.5px solid var(--color-text-light);border-radius:0;padding:.5rem 0;letter-spacing:.06em}.btn-ghost:before{display:none}.btn-ghost:hover{color:var(--color-primary);border-bottom-color:var(--color-primary);background:transparent}.btn-cta{background:var(--gradient-gold);border:none;color:#fff;padding:1.1rem 2.75rem;border-radius:var(--radius-md);box-shadow:0 8px 24px #c8782840;letter-spacing:.04em}.btn-cta:before{background:linear-gradient(135deg,#ff7043,#c80)}.btn-cta:hover{color:#fff;box-shadow:0 12px 32px #c8782866;transform:translateY(-2px)}.input-group{margin-bottom:2rem}.label{display:block;font-weight:500;margin-bottom:.75rem;color:var(--color-text-heading);font-size:1rem;font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase}.input,.select,.textarea{width:100%;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1.05rem;transition:border-color .3s,background-color .3s,box-shadow .3s;background-color:transparent;color:var(--color-text);font-family:var(--font-body);border-bottom-width:2px}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-accent);background-color:var(--color-surface);color:var(--color-text-heading);box-shadow:0 4px 16px #0000000f}.theme-toggle{display:flex;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50px;padding:3px;gap:2px}.theme-toggle-btn{padding:.35rem .9rem;border-radius:50px;border:none;background:transparent;color:var(--color-text-light);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .3s,color .3s,box-shadow .3s;font-family:var(--font-body);white-space:nowrap}.theme-toggle-btn.active{background:var(--gradient-brand);color:#fff;box-shadow:0 2px 8px #c864284d}@keyframes floatOrb1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(28px,-45px) scale(1.06)}50%{transform:translate(-18px,-72px) scale(.94)}75%{transform:translate(-38px,-22px) scale(1.09)}}@keyframes floatOrb2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-52px,32px) scale(1.12)}66%{transform:translate(42px,58px) scale(.88)}}@keyframes floatOrb3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(55px,-28px) scale(1.16)}}@keyframes floatOrb4{0%,to{transform:translate(0) scale(1)}40%{transform:translate(-30px,40px) scale(.92)}80%{transform:translate(20px,-20px) scale(1.05)}}.hero-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}.hero-orb-1{width:480px;height:480px;background:var(--orb-color-1);top:5%;left:5%;animation:floatOrb1 13s ease-in-out infinite}.hero-orb-2{width:360px;height:360px;background:var(--orb-color-2);top:30%;right:5%;animation:floatOrb2 11s ease-in-out infinite;animation-delay:-4s}.hero-orb-3{width:300px;height:300px;background:var(--orb-color-3);bottom:10%;left:30%;animation:floatOrb3 15s ease-in-out infinite;animation-delay:-8s}.hero-orb-4{width:220px;height:220px;background:var(--orb-color-4);top:15%;left:50%;animation:floatOrb4 9s ease-in-out infinite;animation-delay:-2s}.timeline{position:relative;padding:1rem 0}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-primary),var(--color-accent),var(--color-primary));transform:translate(-50%);opacity:.45}.timeline-item{display:flex;justify-content:flex-end;padding-right:calc(50% + 2.5rem);margin-bottom:2.5rem;position:relative;width:100%}.timeline-item:nth-child(2n){justify-content:flex-start;padding-right:0;padding-left:calc(50% + 2.5rem)}.timeline-node{position:absolute;left:50%;top:1.25rem;transform:translate(-50%);width:50px;height:50px;border-radius:50%;background:var(--gradient-gold);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-family:var(--font-heading);font-size:.95rem;z-index:2;box-shadow:0 0 0 4px var(--color-bg),0 0 0 6px var(--color-primary);flex-shrink:0}.timeline-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.75rem 2rem;max-width:440px;width:100%;box-shadow:var(--shadow-md)}.timeline-tag{display:inline-block;margin-top:.75rem;background:var(--gradient-gold);color:#fff;padding:.2rem .85rem;border-radius:50px;font-size:.78rem;font-weight:700;letter-spacing:.04em}@media(max-width:768px){.timeline:before{left:20px}.timeline-item,.timeline-item:nth-child(2n){justify-content:flex-start;padding-left:3.5rem;padding-right:0}.timeline-node{left:20px;width:36px;height:36px;font-size:.8rem;top:1.5rem}.timeline-content{max-width:100%}}.flip-card{perspective:1200px;cursor:pointer;height:380px}.flip-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.4,0,.2,1);will-change:transform}@media(hover:hover){.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}}.flip-card.is-flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.75rem;text-align:center;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.flip-card-back{transform:rotateY(180deg);justify-content:flex-start;padding-top:2rem;overflow-y:auto}.avatar-circle{border-radius:50%;overflow:hidden;flex-shrink:0}.avatar-circle img{width:100%;height:100%;object-fit:cover;display:block}.tooltip-wrap{position:relative;display:inline-flex;align-items:center}.tooltip-box{visibility:hidden;opacity:0;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#1a1412f2;color:#fff;padding:.75rem 1rem;border-radius:10px;width:240px;font-size:.82rem;line-height:1.5;pointer-events:none;transition:opacity .25s,visibility .25s;z-index:200;box-shadow:0 8px 24px #0000004d}.tooltip-box:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1a1412f2}.tooltip-wrap:hover .tooltip-box,.tooltip-wrap:focus-within .tooltip-box{visibility:visible;opacity:1}.stat-card{padding:1.75rem;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);text-align:center;cursor:default;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s cubic-bezier(.16,1,.3,1) forwards}
