.site-header{background:linear-gradient(135deg,#0f4c5c,#1b9aaa);color:#fff;box-shadow:inset 0 -1px #ffffff26}.header-inner{max-width:1200px;margin:0 auto;padding:18px 32px;display:flex;align-items:center;justify-content:space-between}.nav-left,.nav-right{display:flex;align-items:center;gap:20px}.site-header a{color:#fff;text-decoration:none;font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;position:relative;padding-bottom:4px;opacity:.95}.site-header a:hover{opacity:1}.site-header a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#2ec4b6;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.site-header a:hover:after{transform:scaleX(1)}.logo{font-weight:700;font-size:1rem;letter-spacing:.12em}.user-meta{font-size:.8rem;opacity:.85;letter-spacing:.04em;white-space:nowrap}.logout-btn{background:transparent;border:1px solid rgba(255,255,255,.6);color:#fff;padding:6px 12px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .15s ease}.logout-btn:hover{background:#fff;color:#0f4c5c}.cta{border:1px solid white;padding:6px 12px}.cta:after{display:none}.cta:hover{background:#fff;color:#0f4c5c}.desktop-only{display:flex;gap:16px}@media (max-width: 768px){.desktop-only{display:none}}.menu-wrapper{position:relative}.hamburger{background:transparent;border:none;color:#fff;font-size:1.25rem;cursor:pointer}.menu-panel{position:absolute;right:0;top:48px;min-width:220px;background:#fff;color:#0f172a;border-radius:10px;box-shadow:0 20px 40px #00000026;padding:12px;display:flex;flex-direction:column;z-index:1000}.menu-panel a{padding:10px 12px;text-decoration:none;color:#0f172a;font-size:.9rem}.menu-panel a:hover{background:#f1f5f9;border-radius:6px}.menu-divider{height:1px;background:#e5e7eb;margin:8px 0}.menu-logout{background:transparent;border:none;padding:10px 12px;text-align:left;cursor:pointer;font-size:.9rem;color:#b91c1c}.menu-logout:hover{background:#fee2e2;border-radius:6px}@media (max-width: 768px){.menu-panel{position:fixed;top:64px;left:0;right:0;border-radius:0}}.swiper-section{margin:48px 0;padding:48px 24px;background:linear-gradient(180deg,#eef2ff,#fff 60%);border-radius:24px}.swiper-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 16px;gap:16px}.swiper-container::-webkit-scrollbar{display:none}.swiper-card{flex:0 0 100%;scroll-snap-align:start;background:linear-gradient(135deg,#fff,#f9fafb);border-radius:20px;padding:32px;box-shadow:0 20px 40px #4f46e51f,0 4px 10px #0000000d;transition:transform .25s ease,box-shadow .25s ease;color:#020617}@media (hover: hover){.swiper-card:hover{transform:translateY(-2px);box-shadow:0 28px 60px #4f46e52e,0 8px 16px #00000014}}.swiper-card h3{font-size:1.65rem;font-weight:700;margin-bottom:10px;color:#0f172a;letter-spacing:-.02em}.swiper-card .subtitle{color:#475569;margin-bottom:22px;font-size:1.05rem}.swiper-card h3{font-size:1.75rem;font-weight:800;color:#020617;letter-spacing:-.02em}.swiper-card ol{list-style:decimal;padding-left:1.25rem;margin:0}.swiper-card li{margin-bottom:.5rem}.metric{color:#6b7280;font-size:.95rem}.swiper-card .cta{display:inline-flex;align-items:center;gap:6px;margin-top:22px;font-weight:600;font-size:1.05rem;color:#4f46e5;text-decoration:none;transition:color .2s ease,transform .2s ease}.swiper-card .cta:hover{color:#4338ca;transform:translate(2px)}.card-warm{background:linear-gradient(135deg,#fff7ed,#fff 60%);border:1px solid #fed7aa}.card-cool{background:linear-gradient(135deg,#eff6ff,#fff 60%);border:1px solid #bfdbfe}.card-default{background:#fff}.card-sticky{padding:0;background:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden}.swiper-dots{display:flex;justify-content:center;gap:10px;margin-top:16px}.dot{width:8px;height:8px;border-radius:999px;background:#c7d2fe;border:none;cursor:pointer;padding:0;transition:all .2s ease}.dot.active{width:20px;background:#4f46e5}.sticky-note{width:85%;height:75%;box-sizing:border-box;background:#fff7c2;padding:40px;border-radius:16px;position:relative;display:flex;align-items:center;justify-content:center;transform-origin:center;background:linear-gradient(180deg,#ffffff59,#ffffff0d),repeating-linear-gradient(0deg,rgba(0,0,0,.02),rgba(0,0,0,.02) 1px,transparent 1px,transparent 4px),#fff7c2;background-blend-mode:overlay;box-shadow:0 18px 36px #0000002e,inset 0 -4px #0000000f}.sticky-note:after{content:"";position:absolute;bottom:0;right:0;width:0;height:0;border-left:20px solid transparent;border-top:20px solid rgba(0,0,0,.12)}.sticky-text{font-family:Dancing Script,cursive;font-size:1.45rem;line-height:1.5;color:#3b3b2f;text-align:center}.sticky-portal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;pointer-events:none;display:flex;justify-content:center;align-items:flex-start;transform:translateY(0)}@keyframes sticky-drop-from-top{0%{opacity:0;transform:translateY(-130vh) translate(0) rotate(-22deg)}15%{opacity:1;transform:translateY(-80vh) translate(0) rotate(-18deg)}30%{transform:translateY(-40vh) translate(-90px) rotate(-10deg)}40%{transform:translateY(-20vh) translate(-90px) rotate(-9deg)}55%{transform:translateY(10vh) translate(110px) rotate(2deg)}65%{transform:translateY(22vh) translate(110px) rotate(1deg)}80%{transform:translateY(34vh) translate(-40px) rotate(-8deg)}to{transform:translateY(32vh) translate(0) rotate(-6deg)}}.sticky-note.animate-drop{animation:sticky-drop-from-top 1.45s cubic-bezier(.22,1,.36,1) forwards}.sticky-note.settled{opacity:0;transform:rotate(-6deg);transition:opacity .3s ease}.sticky-note.settled.show{opacity:1}@media (hover: hover){.sticky-note.settled:hover{transform:rotate(-2deg) scale(1.02)}}.sticky-label{color:#b91c1c;font-weight:600}.sticky-category{opacity:.85}.sticky-title{font-weight:1200;font-size:1.45rem}.hero-section{position:relative;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;padding:0 0 48px;display:flex;justify-content:center}.hero-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#f8fafcd9,#f8fafce6 70%)}.hero-content{position:relative;z-index:1;max-width:900px;width:100%;display:flex;flex-direction:column;align-items:center}.hero-heading{display:flex;flex-direction:column;align-items:center;text-align:center;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;letter-spacing:-.025em;line-height:1.05;color:#0f766e;text-shadow:0 2px 10px rgba(15,118,110,.12)}.hero-heading span{display:block}.hero-subtitle{margin:0 auto;text-align:center;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-style:italic;font-size:1.5rem;line-height:1.55;color:#475569;max-width:640px}@keyframes authPulse{0%{box-shadow:0 0 #4f46e500}40%{box-shadow:0 0 0 6px #4f46e526}to{box-shadow:0 0 #4f46e500}}.auth-highlight{animation:authPulse 1.2s ease-out}.section-win{width:100%;background:linear-gradient(135deg,#0f4c5c,#1b9aaa);padding:16px 0}.section-win-inner{max-width:900px;margin:0 auto;padding:0 24px;text-align:center}.section-win h3{margin:0;font-size:22px;font-weight:700;color:#fff}.link-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}.ideas-page{background:var(--bg-page);padding:var(--space-xl)}.ideas-hero{max-width:720px;margin-bottom:var(--space-xl)}.category-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.category-panel{background:var(--bg-card);border-radius:var(--radius-lg);border-top:6px solid transparent;padding:var(--space-lg);text-align:left;box-shadow:var(--shadow-sm);transition:all .2s ease;cursor:pointer}.category-panel:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.category-panel.dimmed{opacity:.4;pointer-events:none}.category-expanded{grid-column:1 / -1;background:var(--bg-card);border-radius:var(--radius-lg);border-top:6px solid transparent;padding:var(--space-xl);box-shadow:var(--shadow-md)}.category-expanded header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.category-expanded ul{margin-bottom:var(--space-lg)}.primary{background:#111827;color:#fff;padding:12px 20px;border-radius:var(--radius-md)}.contact-page{max-width:640px;margin:0 auto}.contact-header{margin-bottom:32px}.contact-header h1{margin-bottom:8px}.contact-header p{color:var(--text-secondary);line-height:1.6}.contact-form{display:flex;flex-direction:column;gap:20px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.form-field input,.form-field textarea{padding:10px 12px;border-radius:8px;border:1px solid #d1d5db;font-size:.9rem}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--turquoise-700)}.inspiration-page{max-width:700px;margin:0 auto;padding:40px 24px}.inspiration-page h1{font-size:1.9rem;font-weight:600;letter-spacing:-.01em;margin-bottom:16px}.inspiration-page p{font-size:1.05rem;line-height:1.65;color:var(--text-secondary);margin-bottom:20px}.inspiration-page ol{padding-left:1.4rem;margin-top:12px}.inspiration-page li{font-size:1.05rem;line-height:1.6;margin-bottom:12px}.avatar-picker{display:flex;flex-direction:column;gap:24px}.avatar-section-title{font-size:.95rem;font-weight:600;color:#444;margin-bottom:8px}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:12px}.avatar-tile{width:72px;height:72px;border-radius:50%;border:2px solid transparent;background:#f6f7f8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.avatar-tile img{width:36px;height:36px}.avatar-tile:hover{background:#eef1f3}.avatar-tile.selected{border-color:#d4af37;background:#fff8e1}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.skillsPage{padding:24px}.skillsHeader{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}.skillsTitle{margin:0;font-size:28px}.skillsSubtitle{margin-top:6px;color:#666}.skillsActions{display:flex;gap:10px;flex-wrap:wrap}.skillsBody{display:grid;grid-template-columns:1fr 320px;gap:14px;height:calc(100vh - 160px)}.skillsCanvas{border:1px solid #e6e6e6;border-radius:12px;background:#fff;overflow:hidden}.skillsSidebar{display:flex;flex-direction:column;gap:12px}.sidebarCard{border:1px solid #e6e6e6;border-radius:12px;padding:14px;background:#fff}.sidebarTitle{font-weight:700;margin-bottom:12px}.sidebarEmpty{color:#777;font-size:14px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{font-size:12px;color:#666}.field input,.field textarea{border:1px solid #ddd;border-radius:10px;padding:10px;font-size:14px}.fieldRow{display:flex;gap:8px}.pill{font-size:12px;background:#f5f5f5;padding:6px 8px;border-radius:999px}.btn{border:1px solid #ddd;background:#fff;border-radius:10px;padding:10px 12px;cursor:pointer}.btnPrimary{background:#2a73ff;color:#fff}.btnDanger{border-color:#e06666;color:#b10d0d}.skillNodeWrap{border:1px solid #ddd;border-radius:12px;padding:10px 12px;background:#fff;min-width:160px}.skillNodeRootWrap{border-radius:16px}.skillRootNode{border:2.5px solid #111;border-radius:16px;padding:12px 14px;background:#fff;min-width:220px;box-shadow:0 6px 18px #00000014}.skillRootTitle{font-weight:800}.skillRootSub{margin-top:4px;font-size:12px;color:#666}.rootSourceHandle{width:14px;height:14px;background:#111;border:2px solid #fff;bottom:-8px}.edgeNormal path{stroke:#999;stroke-width:2px}.edgeFromRoot path{stroke:#111;stroke-width:3.5px}.skillsError{border:1px solid #f1c4c4;background:#fff2f2;color:#9a1b1b;border-radius:10px;padding:10px}:root{--bg-page: #f8f9fb;--bg-card: #ffffff;--text-primary: #111827;--text-secondary: #6b7280;--radius-lg: 16px;--radius-md: 12px;--shadow-sm: 0 4px 12px rgba(0,0,0,.06);--shadow-md: 0 8px 24px rgba(0,0,0,.08);--accent-health: #34d399;--accent-career: #60a5fa;--accent-learning: #fbbf24;--accent-productivity: #a78bfa;--accent-finance: #22c55e;--accent-creative: #f472b6;--accent-home: #fb923c;--accent-digital: #38bdf8;--accent-values: #4ade80;--sky-50: #f5fbff;--sky-100: #eaf6ff;--turquoise-900: #0f4c5c;--turquoise-700: #1b9aaa;--turquoise-500: #2ec4b6;--surface-white: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--page-max-width: 1200px;--page-padding-x: 24px}.app-shell{min-height:100vh;background:linear-gradient(180deg,var(--sky-100),var(--sky-50))}.page-shell{max-width:var(--page-max-width);margin:0 auto;padding:32px var(--page-padding-x) 64px;color:var(--text-primary)}.page-card{background:var(--surface-white);border-radius:12px;padding:32px;box-shadow:0 10px 30px #0f172a0f}body{font-family:"Source Sans 3",system-ui,sans-serif}:root{--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px}.btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;border-radius:10px;padding:12px 18px;font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,transform .05s ease}.btn-primary{background-color:#2563eb;color:#fff;box-shadow:0 1px 2px #00000014}.btn-primary:hover:not(:disabled){background-color:#1d4ed8}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-outline{background-color:#fff;color:#2563eb;border:1.5px solid #2563eb}.btn-outline:hover:not(:disabled){background-color:#eff6ff}.btn:disabled{opacity:.7;cursor:not-allowed}.link-cta{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:6px;border:1px solid #d1d5db;background:#fff;text-decoration:none;font-weight:500;color:#111827;transition:background-color .15s ease,border-color .15s ease,transform .05s ease}.link-cta:hover{background-color:#f9fafb;border-color:#9ca3af}.link-cta:active{transform:translateY(1px)}