/* ========================================
   StudyPocket AI面接対策 - ランディングページ
   
   ファイル構成:
   1. variables.css  - CSS変数定義（色、スペーシング等）
   2. base.css       - リセット・共通スタイル・アニメーション
   3. components.css - 再利用コンポーネント（カード、バッジ等）
   4. sections.css   - セクション固有スタイル（レスポンシブ含む）
   
   VibeCoding活用ガイド:
   - 「色を変えて」→ variables.css
   - 「ボタンを変えて」→ base.css
   - 「カードを変えて」→ components.css
   - 「Heroを直して」→ sections.css（Hero部分）
   ======================================== */

@import url('variables.css');
@import url('base.css');
@import url('components.css');
@import url('sections.css');